gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-27 22:32:09 30 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章原生js中运算符及流程控制示例详解由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

运算符

算数:+ 加、- 减、* 乘、/ 除、% 求模 。

赋值:=、+=、-=、*=、/=、%= 。

关系:>、<、 >=、 <=、 ==、 ===、 !=、 !== 。

逻辑:||或、&&与、!否 。

实例1、求模 。

?
1
2
3
4
5
window.onload = function (){
  alert(0%2) //0
  alert(1%2) //1
  alert(2%2) //0
}

实例2、隔行变色 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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、秒转分钟 。

?
1
2
3
4
5
6
<script>
  window.onload = function () {
   var a = 1568
   console.log(parseInt(a / 60) + '分' + a % 60 + '秒' )
  }
</script>

实例4、+= 。

?
1
2
3
a = a + 1;
a+=1
a++

程序流程控制

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; //整个循环中断了
    continue ; //本次循环中断了
   }
   alert(i)
  }
}

什么是真、什么是假 。

?
1
2
3
4
5
6
7
8
9
10
window.onload = function (){
  //真:true、非0数值、非空字符串('false'或‘ ')、非空对象
  //假: false、数值0、空字符串、空对象(null)、undefined
  var a = ' false '
  if(a){
   alert(' 真的 ')
  }else{
   alert(' 假的')
  }
}

总结

到此这篇关于原生js中运算符及流程控制的文章就介绍到这了,更多相关原生js运算符及流程控制内容请搜索我以前的文章或继续浏览下面的相关文章希望大家以后多多支持我! 。

原文链接:https://blog.csdn.net/meichaoWen/article/details/112152681 。

最后此篇关于原生js中运算符及流程控制示例详解的文章就讲到这里了,如果你想了解更多关于原生js中运算符及流程控制示例详解的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com