原生js中運(yùn)算符及流程控制示例詳解
運(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)文章
javascript 簡(jiǎn)單抽屜效果的實(shí)現(xiàn)代碼
javascript 簡(jiǎn)單抽屜效果的實(shí)現(xiàn)代碼,需要的朋友可以參考下,大家自行測(cè)試。2010-03-03
Javascript驗(yàn)證上傳圖片大小[前臺(tái)處理]
在做上傳圖片的時(shí)候,如果不限制上傳圖片大小,后果非常的嚴(yán)重。解決這個(gè)問題有兩種方式:后臺(tái)處理、前臺(tái)處理2014-07-07
JavaScript?error瀏覽器端錯(cuò)誤捕獲處理方法筆記解決示例
這篇文章主要為大家介紹了JavaScript?error瀏覽器端錯(cuò)誤捕獲處理方法筆記解決示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06
js實(shí)現(xiàn)驗(yàn)證碼干擾(靜態(tài))
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)驗(yàn)證碼干擾,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-02-02
詳解JS事件循環(huán)及宏任務(wù)微任務(wù)的原理
在js中,我們一般將所有的任務(wù)都分成兩類,一種是同步任務(wù),另外一種是異步任務(wù)。而在異步任務(wù)中,又有著更加細(xì)致的分類,那就是微任務(wù)和宏任務(wù)。本文將詳細(xì)講解這二者的原理與使用,需要的可以參考一下2022-05-05
Javascript表格翻頁效果實(shí)現(xiàn)思路及代碼
表格翻頁的實(shí)現(xiàn)方式有很多,下面以js為例為大家詳細(xì)介紹下表格翻頁效果的具體實(shí)現(xiàn),感興趣的朋友可以參考下2013-08-08
JavaScript深度復(fù)制(deep clone)的實(shí)現(xiàn)方法
本文給大家介紹JavaScript深度復(fù)制(deep clone)的實(shí)現(xiàn)方法,涉及到j(luò)s深度復(fù)制相關(guān)知識(shí),本文介紹的非常詳細(xì),特此分享腳本之家平臺(tái)供大家參考2016-02-02

