原生js中運算符及流程控制示例詳解

Posted on by

運算符

算數：+ 加、- 減、* 乘、/ 除、% 求模

賦值：=、+=、-=、*=、/=、%=

關系：>、<、 >=、 <=、 ==、 ===、 !=、 !==

邏輯：||或、&&與、!否

實例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運算符及流程控制內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：