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