如何详细解释原生JavaScript中的运算符和流程控制语句的用法示例？
- 内容介绍
- 文章标签
- 相关推荐
本文共计510个文字，预计阅读时间需要3分钟。
运算符：+ 加、- 减、* 乘、/ 除、% 求模、求值赋值：=赋值、+=加后赋值、-=减后赋值、*=乘后赋值、/=除后赋值、%=求模后赋值关系：=等于、!=不等于、==等于（值）、!=不等于（值）、> 大于、=大于等于、<=小于等于逻辑：|| 或、&& 与、! 非实例1：求模 + 赋值window.onload=function() { alert(0 % 1) };
运算符
算数：+ 加、- 减、* 乘、/ 除、% 求模
赋值：=、+=、-=、*=、/=、%=
关系：>、<、 >=、 <=、 ==、 ===、 !=、 !==
逻辑：||或、&&与、!否
实例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运算符及流程控制内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！
本文共计510个文字，预计阅读时间需要3分钟。
运算符：+ 加、- 减、* 乘、/ 除、% 求模、求值赋值：=赋值、+=加后赋值、-=减后赋值、*=乘后赋值、/=除后赋值、%=求模后赋值关系：=等于、!=不等于、==等于（值）、!=不等于（值）、> 大于、=大于等于、<=小于等于逻辑：|| 或、&& 与、! 非实例1：求模 + 赋值window.onload=function() { alert(0 % 1) };
运算符
算数：+ 加、- 减、* 乘、/ 除、% 求模
赋值：=、+=、-=、*=、/=、%=
关系：>、<、 >=、 <=、 ==、 ===、 !=、 !==
逻辑：||或、&&与、!否
实例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运算符及流程控制内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！