JS switch判斷 三目運(yùn)算 while 及 屬性操作代碼
三 目運(yùn)算:如var a = 10;
var b= 12; c = a>b ?a:b;
若成立執(zhí)行a否則執(zhí)行b
var isHide = true;
若用if判斷語(yǔ)句如下
if(isHide) { box.style.display = "block"; } else { box.style.display = "none"; }
三目運(yùn)算替代if
box.style.display = isHide?"block":"none";
判斷條件?成立執(zhí)行語(yǔ)句:不成立執(zhí)行語(yǔ)句。
條件成立返回:成立執(zhí)行的結(jié)果
條件不成立:執(zhí)行的結(jié)果
簡(jiǎn)化版的if判斷
continue 跳過(guò)本次循環(huán):不能寫入三目運(yùn)算
列:
for(var i=0;i<5;i++){ if(i==3) continue;跳過(guò)i=3這個(gè)循環(huán)不執(zhí)行;其他依然執(zhí)行。 }
break:終止整個(gè)循環(huán);默認(rèn)只會(huì)終止緊鄰的這個(gè)循環(huán)如果要終止其他循環(huán),需要給循環(huán)起名字。
例:
for(var i=0;i<5;i++){ if(i==3) break;當(dāng)循環(huán)執(zhí)行到i=3時(shí)終止整個(gè)循環(huán)。 } name:for(var i=0;i<5;i++){ for(var j=0;j<5;j++){ break name //終止兩個(gè)循環(huán) } }
對(duì)象存貯數(shù)據(jù),是存在對(duì)象的屬性中:
對(duì)象是一種復(fù)雜類型的數(shù)據(jù),在對(duì)象中我們可以存儲(chǔ)任意類型的數(shù)據(jù)
第一種:屬性操作 1 第一種屬性操作時(shí)一組寫死的值,不能使用變量。
讀操作 obj.屬性名
寫操作 obj.屬性名 = 屬性值;
obj.key = val; 鍵值對(duì);
如
var obj = {}; obj.name = "Leo"; 這種寫法為第一種屬性名都被寫死若想調(diào)用必須要如 obj.age = 40; 下console.log(obj.name);。 obj.gender = "female"; console.log(obj.w);//注意第一種屬性操作是寫死的一個(gè)值,不能使用變量 obj.w 這么寫就認(rèn)為在找 obj的w屬性。
第二種屬性操作 第二種屬性操作做,接收的是一個(gè)字符串,字符串就可以存在變量中,可以直接寫obj[變量調(diào)用]
讀操作 obj["屬 性名]
obj[“屬性名”]=屬性值;
obj["key"] = val;
注意第二種
如
var obj = {}; obj['name'] = "Leo"; obj['age'] = 40; obj['gender'] = "female"; obj['width'] = "180px"; obj['height'] = "180px"; obj['children'] = ["大明","小明","三明"]; var w = "width"; console.log(obj[w]);// 第二種屬性操作,接受的是一個(gè)字符串,字符串就可以存在變量中,可以直接寫obj[變量調(diào)用]; alert("name" in obj); // obj 有 name屬性就返回 true,否則 返回false
判斷對(duì)象中是否有這個(gè)屬性
返回 true 或 false
for (var s in obj) { 找到obj的所有屬性 s會(huì)依次變成arr的屬性名 //同過(guò)in方法將循環(huán)變量s變成obj對(duì) console.log(s,obj[s]); 應(yīng)的屬性名。若想使用只有用第二中命名。s的類型是字符串。 } s為屬性名 obj[S]為對(duì)應(yīng)的屬性名的屬性值。
for in 可以用來(lái)循環(huán)對(duì)象和數(shù)組 不能用來(lái)循環(huán)一組元素,
for循環(huán)只能用來(lái)循環(huán) 數(shù)組類數(shù)組(一組元素)不能用來(lái)循環(huán)一組對(duì)象。
###while語(yǔ)句### 起始值 while(判斷條件){ 執(zhí)行語(yǔ)句; 自增; } ##switch## switch(要判斷的內(nèi)容){ case:判斷內(nèi)容; //條件成立后執(zhí)行語(yǔ)句將case下所有代碼都執(zhí)行,只有遇見(jiàn)break才會(huì)結(jié)束 執(zhí)行語(yǔ)句; 若沒(méi)有遇見(jiàn)break就會(huì)遇見(jiàn)穿刺現(xiàn)象執(zhí)行所有代碼。 break; default: //以上所有的判斷都不成立 }
例
switch(a){ case 10://當(dāng)a == 10; console.logo(“;;;;”)語(yǔ)句結(jié)束之后添加break break;//當(dāng)a==10 的 case 15://當(dāng)a==15; console.logo("ppppp") break; default: //以上所有的判斷都不成立 }
總結(jié)
以上所述是小編給大家介紹的JS switch判斷 三目運(yùn)算 while 及 屬性操作代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
前端頁(yè)面在移動(dòng)設(shè)備上顯示不正常的原因及解決方案
當(dāng)頁(yè)面在移動(dòng)設(shè)備上顯示不正常時(shí),通常是由于布局、樣式或響應(yīng)式設(shè)計(jì)設(shè)置不當(dāng)所引起的,移動(dòng)設(shè)備的屏幕尺寸、分辨率和交互方式與桌面設(shè)備有很大的不同,本文將詳細(xì)介紹常見(jiàn)的導(dǎo)致頁(yè)面在移動(dòng)設(shè)備上顯示不正常的原因,以及如何解決這些問(wèn)題,需要的朋友可以參考下2024-09-09JS實(shí)現(xiàn)網(wǎng)頁(yè)右側(cè)帶動(dòng)畫(huà)效果的伸縮窗口代碼
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁(yè)右側(cè)帶動(dòng)畫(huà)效果的伸縮窗口代碼,通過(guò)JavaScript基于時(shí)間函數(shù)實(shí)現(xiàn)頁(yè)面元素樣式漸變效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10js實(shí)現(xiàn)時(shí)間顯示幾天前、幾小時(shí)前或者幾分鐘前的方法集錦
這篇文章主要介紹了js實(shí)現(xiàn)時(shí)間顯示幾天前、幾小時(shí)前或者幾分鐘前的方法,實(shí)例匯總分析了時(shí)間顯示格式轉(zhuǎn)換的常用思路與技巧,需要的朋友可以參考下2015-05-05xmlplus組件設(shè)計(jì)系列之下拉刷新(PullRefresh)(6)
xmlplus 是一個(gè)JavaScript框架,用于快速開(kāi)發(fā)前后端項(xiàng)目。這篇文章主要介紹了xmlplus組件設(shè)計(jì)系列之下拉刷新,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05JS實(shí)現(xiàn)自動(dòng)輪播圖效果(自適應(yīng)屏幕寬度+手機(jī)觸屏滑動(dòng))
這篇文章主要介紹了JS實(shí)現(xiàn)自動(dòng)輪播圖效果(自適應(yīng)屏幕寬度+手機(jī)觸屏滑動(dòng)),需要的朋友可以參考下2017-06-06