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

更新時間：2021年01月05日 14:24:53 作者：meichaoWen

這篇文章主要給大家介紹了關于原生js中運算符及流程控制的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

運算符

算數(shù)：+ 加、- 減、* 乘、/ 除、% 求模

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

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

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

實例1、求模

window.onload = function(){
 alert(0%2) //0
 alert(1%2) //1
 alert(2%2) //0
}

實例2、隔行變色

<body>
 <ol>
  <li>取模：就是求余數(shù)</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; //整個循環(huán)中斷了
   continue; //本次循環(huán)中斷了
  }
  alert(i)
 }
}

什么是真、什么是假

window.onload = function(){
 //真：true、非0數(shù)值、非空字符串('false'或‘ ')、非空對象
 //假: false、數(shù)值0、空字符串、空對象(null)、undefined
 var a = 'false'
 if(a){
  alert('真的')
 }else{
  alert('假的')
 }
}

總結

到此這篇關于原生js中運算符及流程控制的文章就介紹到這了,更多相關原生js運算符及流程控制內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

javascript 簡單抽屜效果的實現(xiàn)代碼
javascript 簡單抽屜效果的實現(xiàn)代碼，需要的朋友可以參考下，大家自行測試。
2010-03-03
Javascript驗證上傳圖片大小[前臺處理]
在做上傳圖片的時候，如果不限制上傳圖片大小，后果非常的嚴重。解決這個問題有兩種方式：后臺處理、前臺處理
2014-07-07
JavaScript?error瀏覽器端錯誤捕獲處理方法筆記解決示例
這篇文章主要為大家介紹了JavaScript?error瀏覽器端錯誤捕獲處理方法筆記解決示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-06-06
一文教會你提高Javascript代碼效率的技巧
這篇文章主要給大家介紹了關于提高Javascript代碼效率的技巧,通過這些技巧可以提高大家工作效率,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-07-07
javascript 讀取圖片文件的大小
今天弄了一個附件圖片上傳的，為了寫一個檢測，很麻煩，后來，發(fā)現(xiàn)一個比較巧妙的方法
2009-06-06
js實現(xiàn)驗證碼干擾（靜態(tài)）
這篇文章主要為大家詳細介紹了js實現(xiàn)驗證碼干擾，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-02-02
詳解JS事件循環(huán)及宏任務微任務的原理
在js中，我們一般將所有的任務都分成兩類，一種是同步任務，另外一種是異步任務。而在異步任務中，又有著更加細致的分類，那就是微任務和宏任務。本文將詳細講解這二者的原理與使用，需要的可以參考一下
2022-05-05
Javascript表格翻頁效果實現(xiàn)思路及代碼
表格翻頁的實現(xiàn)方式有很多，下面以js為例為大家詳細介紹下表格翻頁效果的具體實現(xiàn)，感興趣的朋友可以參考下
2013-08-08
JavaScript深度復制（deep clone）的實現(xiàn)方法
本文給大家介紹JavaScript深度復制（deep clone）的實現(xiàn)方法，涉及到js深度復制相關知識，本文介紹的非常詳細，特此分享腳本之家平臺供大家參考
2016-02-02
JS實現(xiàn)躲避粒子小游戲
這篇文章主要為大家詳細介紹了JS實現(xiàn)躲避粒子小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-06-06