總結(jié)javascript三元運(yùn)算符知識(shí)點(diǎn)
說(shuō)起js,對(duì)很多初學(xué)者來(lái)說(shuō)可能還是比較費(fèi)力的,本人也是覺(jué)得js功底還是不夠扎實(shí),所以把有些東西在學(xué)習(xí)一遍,順便分享出來(lái)希望可以幫到有需要的人
“三元運(yùn)算符”
什么是三元運(yùn)算符
條件?條件成立執(zhí)行:條件不成立執(zhí)行;
相當(dāng)于簡(jiǎn)單的if()else()語(yǔ)句
舉個(gè)栗子:
var num=10; if(num>5 && num<=10){ num++; }else{ num--; }
三元運(yùn)算符寫(xiě)法
num>5 && num<=10 ? num++:num--; 三元運(yùn)算符另外一種情況,相當(dāng)于只有if()的語(yǔ)句,改寫(xiě)為三元運(yùn)算符寫(xiě)法, var num=10; if(num>5 && num<=10){ num++; }
num>5 && num<=10?num++:null; //null作為條件不成立的占位符,冒號(hào)后面不寫(xiě)任何東西則會(huì)報(bào)錯(cuò),可以使用null、undefined、void 0(就是undefined)占位即可;
某一種情況使用多條語(yǔ)句操作,使用小括號(hào)包起來(lái)
var num=10; if(num>5 && num<=10){ num++; console.log(num); }
上面這個(gè)例子可以改寫(xiě)成這樣
num>5 && num<=10?(num++,console.log(num)):null; 多條語(yǔ)句中間用逗號(hào)分隔
*在三元運(yùn)算符的操作中不能出現(xiàn)break、continue、return等這些關(guān)鍵詞;
相關(guān)文章
使用 TypeScript 重新編寫(xiě)的 JavaScript 坦克大戰(zhàn)游戲代碼
這篇文章主要介紹了使用 TypeScript 重新編寫(xiě)的 JavaScript 坦克大戰(zhàn)游戲代碼,主要是對(duì)自己近期學(xué)習(xí)TypeScript的一個(gè)小小的總結(jié)實(shí)踐,推薦給小伙伴們,希望大家能夠喜歡。2015-04-04Web面試常問(wèn)回流reflow與重繪repaint原理及區(qū)別
本文主要為大家講解了瀏覽器的渲染機(jī)制回流與重繪的原理,有需要的朋友可以借鑒參考下,希望可以有所幫助,祝大家多多進(jìn)步早日升職加薪2021-09-09js nextSibling屬性和previousSibling屬性概述及使用注意
nextSibling屬性:該屬性表示當(dāng)前節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn);如果其后沒(méi)有與其同級(jí)的節(jié)點(diǎn),則返回null;previousSibling屬性:該屬性與nextSibling屬性的作用正好相反,接下來(lái)將詳細(xì)介紹下,感興趣的你不妨了解下哦,或許對(duì)你有所幫助2013-02-02javascript學(xué)習(xí)筆記(九)javascript中的原型(prototype)及原型鏈的繼承方式
在javascript學(xué)習(xí)筆記(八)中,我們主要學(xué)習(xí)了在使用javascript面向?qū)ο缶幊虝r(shí),如何創(chuàng)建對(duì)象及添加對(duì)象的屬性和方法。2011-04-04詳解JavaScript中雙等號(hào)引起的隱性類(lèi)型轉(zhuǎn)換
JavaScript中由==判斷所引起的轉(zhuǎn)換會(huì)引發(fā)解釋器的一些列執(zhí)行步驟,接下來(lái)我們就來(lái)詳解JavaScript中雙等號(hào)引起的隱性類(lèi)型轉(zhuǎn)換,需要的朋友可以參考下2016-05-05Angularjs 設(shè)置全局變量的方法總結(jié)
這篇文章主要介紹了Angularjs 設(shè)置全局變量的方法總結(jié)的相關(guān)資料,需要的朋友可以參考下2016-10-10JavaScript前端圖片加載管理器imagepool使用詳解
這篇文章主要介紹了JavaScript前端圖片加載管理器imagepool使用詳解,需要的朋友可以參考下2014-12-12