原生js中运算符及流程控制示例详解
运算符
算数：+ 加、- 减、* 乘、/ 除、% 求模
赋值：=、+=、-=、*=、/=、%=
关系：>、<、 >=、 <=、 ==、 ===、 !=、 !==
逻辑：||或、&&与、!否
实例1、求模
window.onload = function(){
alert(0%2) //0
alert(1%2) //1
alert(2%2) //0
}
实例2、隔行变色
<body>
<ol>
<li>取模：就是求余数</li>
<li></li>
<li></li>
</ol>
<script>
window.onload = function(){
var aLi = document.getElementsByTagName('li');
for(var i = 0; i < aLi.length; i++){
if(i % 2 == 0){
aLi[i].style.background = 'red'
}else{
aLi[i].style.background = 'green'
}
}
}
</script>
</body>
实例3、秒转分钟
<script>
window.onload = function () {
var a = 1568
console.log(parseInt(a / 60) + '分' + a % 60 + '秒')
}
</script>
实例4、+=
a = a + 1; a+=1 a++
程序流程控制
switch
<script>
window.onload = function () {
var name = 'abc';
var sex = ''
switch (sex) {
case '男':
alert(name + '先生，你好');
break;
case '女':
alert(name + '女士，你好');
break;
default:
alert(name + '你好')
}
}
</script>
break、continue
window.onload = function(){
for(var i = 0; i < 5; i++){
if(i == 3){
//break; //整个循环中断了
continue; //本次循环中断了
}
alert(i)
}
}
什么是真、什么是假
window.onload = function(){
//真：true、非0数值、非空字符串('false'或‘ ')、非空对象
//假: false、数值0、空字符串、空对象(null)、undefined
var a = 'false'
if(a){
alert('真的')
}else{
alert('假的')
}
}
总结
到此这篇关于原生js中运算符及流程控制的文章就介绍到这了,更多相关原生js运算符及流程控制内容请搜索小牛知识库以前的文章或继续浏览下面的相关文章希望大家以后多多支持小牛知识库！
-
本文向大家介绍AngularJS控制器详解及示例代码，包括了AngularJS控制器详解及示例代码的使用技巧和注意事项，需要的朋友参考一下 AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript对象的功能。每个控制器接受$scope参数指定应用程序/模块，由控制器控制。 在这里，我们已经声明
-
本文向大家介绍JS运算符优先级与表达式示例详解，包括了JS运算符优先级与表达式示例详解的使用技巧和注意事项，需要的朋友参考一下 前言 运算符优先级决定了表达式中运算执行的先后顺序，优先级越高的运算符会先执行。 运算符优先级 很多时候由于对运算符优先级的不确定，会用括号来确保表达式的执行顺序。如果搞清楚运算符的优先级，即使不用括号也能确保表达式按照正确的顺序执行。 其实单纯靠运算符的优先级来确定表达
-
本文向大家介绍Python中的流程控制详解，包括了Python中的流程控制详解的使用技巧和注意事项，需要的朋友参考一下 流程控制无非就是if else之类的控制语句，今天我们来看一下Python中的流程控制会有什么不太一样的地方。 while语句 python中的while语句和其他语言没有什么不一样，我使用while语句来编写一个斐波拉赫数列： if 语句 python中的 if 可以和 eli
-
本文向大家介绍C语言 运算符详细介绍及示例代码，包括了C语言 运算符详细介绍及示例代码的使用技巧和注意事项，需要的朋友参考一下 C 运算符 运算符是一种告诉编译器执行特定的数学或逻辑操作的符号。C 语言内置了丰富的运算符，并提供了以下类型的运算符： 算术运算符 关系运算符 逻辑运算符 位运算符 赋值运算符 杂项运算符 本章将逐一介绍算术运算符、关系运算符、逻辑运算符、位运算符、赋值运算符和其他运算
-
本文向大家介绍JS运算符简单用法示例，包括了JS运算符简单用法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS运算符简单用法。分享给大家供大家参考，具体如下： js中的运算符 算术运算符：+，-，*，/,% 逻辑运算符：&，&&，|，||，！ 自增运算符：++，--，+=，-= 关系运算符：<,>,=,<=,>=,!= 等于运算符：==，=== instance： 运行结果： 对于
-
本文向大家介绍详解C++编程中的重载流插入运算符和流提取运算符，包括了详解C++编程中的重载流插入运算符和流提取运算符的使用技巧和注意事项，需要的朋友参考一下 C++的流插入运算符“<<”和流提取运算符“>>”是C++在类库中提供的，所有C++编译系统都在类库中提供输入流类istream和输出流类ostream。cin和cout分别是istream类和ostream类的对象。在类库提供的头文件中已