JavaScript之流程語句

前端攻城小牛發表於2018-10-14

(一)常用語句

由於如下語句比較通用,本篇文章就不再論述

1.條件語句

if

2.迴圈語句

while,do..while,for

(二) for..in..語句

1.定義

for...in...,是一種迭代語句,用來列舉物件的屬性,其語法定義為:

1 for (propName in expression) statement
複製程式碼

基於在JavaScript開發中"能使用區域性變數,就不要使用全域性變數"原則, 建議將propName屬性定義為區域性變數,如下所示:

1 for (var propName in expression) statement
複製程式碼

2.注意點

(1)for....in是用來列舉物件屬性的,而不是列舉物件屬性值。

例子1:

如下例子,for..in..輸出的是陣列索引(即陣列屬性),而不是陣列索引值。

 var i = 5;
 var arr = new Array();
 
 for (var n = 0; n < i; n++) {
 arr[n] = i;
 }
 
 for (var propName in arr) {
 alert(propName);// 0,1,2,3,4
 }
複製程式碼

例子2:

如下例子,for..in..輸出的是物件userInfo的屬性(name,age,address),而不屬性值(Alan_beijing,38,china-shanghai)

 var userInfo = { name: 'Alan_beijing', age: 38, address: 'china-shanghai' };
 
 for (var property in userInfo) {
 alert(property);//name,age,address
 }
複製程式碼

(2)for..in..列舉屬性,沒有確定的順序,不同的瀏覽器,會有所差別。

(3)ECMAScript5版本之前,如果被迭代物件變數值null或undefined,for語句會丟擲錯誤,ECMAScript5之後,這種情況不會丟擲錯誤,但不執行迴圈體。

本次給大家推薦一個免費的學習群,裡面概括移動應用網站開發,css,html,webpack,vue node angular以及面試資源等。 對web開發技術感興趣的同學,歡迎加入Q群:864305860,不管你是小白還是大牛我都歡迎,還有大牛整理的一套高效率學習路線和教程與您免費分享,同時每天更新視訊資料。 最後,祝大家早日學有所成,拿到滿意offer,快速升職加薪,走上人生巔峰。


相關文章