原生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(\'假的\')
 }
}

总结

版权声明 1 本网站名称：偶像资源网
2 本站永久网址：https://www.ox520.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ593098775进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

原生js中运算符及流程控制示例详解

运算符

程序流程控制

总结

请登录后发表评论