運(yùn)算符
算數(shù)：+ 加、- 減、* 乘、/ 除、% 求模
賦值：=、+=、-=、*=、/=、%=
關(guān)系：>、<、 >=、 <=、 ==、 ===、 !=、 !==
邏輯：||或、&&與、!否
實(shí)例1、求模
|
1
2
3
4
5
|
window.onload = function(){ alert(0%2) //0 alert(1%2) //1 alert(2%2) //0} |
實(shí)例2、隔行變色
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<body> <ol> <li>取模：就是求余數(shù)</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> |
實(shí)例3、秒轉(zhuǎn)分鐘
|
1
2
3
4
5
6
|
<script> window.onload = function () { var a = 1568 console.log(parseInt(a / 60) + '分' + a % 60 + '秒') }</script> |
實(shí)例4、+=
|
1
2
3
|
a = a + 1;a+=1a++ |
程序流程控制
switch
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<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
|
1
2
3
4
5
6
7
8
9
|
window.onload = function(){ for(var i = 0; i < 5; i++){ if(i == 3){ //break; //整個循環(huán)中斷了 continue; //本次循環(huán)中斷了 } alert(i) }} |
什么是真、什么是假
|
1
2
3
4
5
6
7
8
9
10
|
window.onload = function(){ //真：true、非0數(shù)值、非空字符串('false'或‘ ')、非空對象 //假: false、數(shù)值0、空字符串、空對象(null)、undefined var a = 'false' if(a){ alert('真的') }else{ alert('假的') }} |
總結(jié)
到此這篇關(guān)于原生js中運(yùn)算符及流程控制的文章就介紹到這了,更多相關(guān)原生js運(yùn)算符及流程控制內(nèi)容請搜索服務(wù)器之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持服務(wù)器之家！
原文鏈接：https://blog.csdn.net/meichaoWen/article/details/112152681
