网络编程
位置：首页>> 网络编程>> JavaScript>> 原生js中运算符及流程控制示例详解

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

作者：meichaoWen　　发布时间：2024-07-15 02:22:05　

标签：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('假的')
}
}

来源：https://blog.csdn.net/meichaoWen/article/details/112152681

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com