原生js中運(yùn)算符及流程控制示例詳解
更新時(shí)間：2021年01月05日 14:24:53 作者：meichaoWen
這篇文章主要給大家介紹了關(guān)于原生js中運(yùn)算符及流程控制的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
運(yùn)算符
算數(shù)：+ 加、- 減、* 乘、/ 除、% 求模
賦值：=、+=、-=、*=、/=、%=
關(guān)系：>、<、 >=、 <=、 ==、 ===、 !=、 !==
邏輯：||或、&&與、!否
實(shí)例1、求模
window.onload = function(){
alert(0%2) //0
alert(1%2) //1
alert(2%2) //0
}
實(shí)例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>
實(shí)例3、秒轉(zhuǎn)分鐘
<script>
window.onload = function () {
var a = 1568
console.log(parseInt(a / 60) + '分' + a % 60 + '秒')
}
</script>
實(shí)例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; //整個(gè)循環(huán)中斷了
continue; //本次循環(huán)中斷了
}
alert(i)
}
}
什么是真、什么是假
window.onload = function(){
//真：true、非0數(shù)值、非空字符串('false'或‘ ')、非空對(duì)象
//假: false、數(shù)值0、空字符串、空對(duì)象(null)、undefined
var a = 'false'
if(a){
alert('真的')
}else{
alert('假的')
}
}
總結(jié)
到此這篇關(guān)于原生js中運(yùn)算符及流程控制的文章就介紹到這了,更多相關(guān)原生js運(yùn)算符及流程控制內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
基于js實(shí)現(xiàn)抽紅包并分配代碼實(shí)例
這篇文章主要介紹了基于js實(shí)現(xiàn)抽紅包并分配代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
Javascript下拉刷新的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了Javascript下拉刷新的簡(jiǎn)單實(shí)現(xiàn)過(guò)程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
layuimini框架實(shí)現(xiàn)點(diǎn)擊菜單欄回到起始頁(yè)的解決方案
這篇文章主要介紹了layuimini框架實(shí)現(xiàn)點(diǎn)擊菜單欄回到起始頁(yè)的解決方案,本文通過(guò)圖文示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-06-06
Javascript 運(yùn)動(dòng)中Offset的bug解決方案
這篇文章主要介紹了Javascript 運(yùn)動(dòng)中Offset的bug解決方案,需要的朋友可以參考下2014-12-12
兩個(gè)Javascript小tip資料，學(xué)習(xí)js的朋友可以參考下。2010-11-11
JS根據(jù)年月獲得當(dāng)月天數(shù)的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS根據(jù)年月獲得當(dāng)月天數(shù)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-07-07
怎么用javascript進(jìn)行拖拽2...2006-07-07
UglifyJS是一個(gè)對(duì)javascript進(jìn)行壓縮和美化的工具，在它的文檔說(shuō)明中，我看到了幾種關(guān)于if語(yǔ)句優(yōu)化的方法。2011-03-03
如何實(shí)現(xiàn)一個(gè)webpack模塊解析器
這篇文章主要介紹了如何實(shí)現(xiàn)一個(gè)webpack模塊解析器，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
TDesign是騰訊各業(yè)務(wù)團(tuán)隊(duì)在服務(wù)業(yè)務(wù)過(guò)程中沉淀的一套企業(yè)級(jí)設(shè)計(jì)體系,下面這篇文章主要給大家介紹了關(guān)于前端的框架TDesign小程序組件庫(kù)體驗(yàn)的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11