關于JavaScript對象的動態(tài)選擇及遍歷對象
更新時間:2014年03月10日 11:24:30 作者:
本文為大家介紹下JavaScript對象的兩點:動態(tài)選擇方法及屬性、遍歷對象屬性和方法,需要的朋友可以參考下
(一)動態(tài)選擇方法及屬性
在實際工作中,我們經(jīng)常會遇到這種情況:根據(jù)某個條件來調用兩個方法[1]中的一個,或是在兩個屬性[2]中的一個上面進行讀寫操作。下面的代碼展示了這種情形:
if (condition) {
myObj.method1(someArg);
} else {
myObj.method2(someArg);
}
JavaScript提供了一種簡單的語法,即使用方括號操作符([])來動態(tài)地選擇方法和屬性。正如下面的代碼所示,JavaScript有兩種等價的成員訪問語法(這個特征在動態(tài)語言里很常見):
obj[expressionResultingInMembername] == obj.memberName
如果你曾用整數(shù)下標來訪問數(shù)組中的某個元素,那你已經(jīng)開始用方括號操作符來進行動態(tài)成員選擇了。這是因為,數(shù)組對象本身就包含以數(shù)字下標命名的屬性(以及l(fā)ength屬性)。不過,JavaScript并不允許你使用點操作符(.)直接訪問這些屬性,因此myArray.0在語法上是非法的(太遺憾了,這本來是個挺酷的語法)。
為什么方括號操作符比點操作符表示法更強大呢?這是因為你可以在方括號中使用任何代表成員名稱的內容來訪問對象的成員。這些內容包括字面量、保存著成員名稱的變量、名稱組合(多數(shù)情況下是字符串的拼接)以及用三元操作符(condition ? valueIfTrue : valueIfFalse)實現(xiàn)的快速if/then選擇。所有的這些內容都會被處理成一個字符串,然后JavaScript會用這個字符串來尋找對應的成員。
由于JavaScript中的函數(shù)本身也是對象,所以它可以像其他值一樣被引用。如果一個表達式的結果是函數(shù),你可以直接用括號操作符調用它,就像你直接用函數(shù)名稱調用函數(shù)一樣。
需要注意的是,如果你在向方法傳遞的參數(shù)上大量使用此類技巧,混亂的括號有可能會使代碼變得難以閱讀,此時使用常規(guī)的if/else結構更加明智。
(二)JavaScript遍歷對象屬性和方法
JavaScript 使用 for in 語句來遍歷對象的屬性和方法。for in 語句循環(huán)遍歷 JavaScript 對象,每循環(huán)一次,都會取得對象的一個屬性或方法。
語法:
for(valueName in ObjectName){
// 代碼
}
其中,valueName 是變量名,保存著屬性或方法的名稱,每次循環(huán),valueName 的值都會改變。
在實際工作中,我們經(jīng)常會遇到這種情況:根據(jù)某個條件來調用兩個方法[1]中的一個,或是在兩個屬性[2]中的一個上面進行讀寫操作。下面的代碼展示了這種情形:
復制代碼 代碼如下:
if (condition) {
myObj.method1(someArg);
} else {
myObj.method2(someArg);
}
JavaScript提供了一種簡單的語法,即使用方括號操作符([])來動態(tài)地選擇方法和屬性。正如下面的代碼所示,JavaScript有兩種等價的成員訪問語法(這個特征在動態(tài)語言里很常見):
obj[expressionResultingInMembername] == obj.memberName
如果你曾用整數(shù)下標來訪問數(shù)組中的某個元素,那你已經(jīng)開始用方括號操作符來進行動態(tài)成員選擇了。這是因為,數(shù)組對象本身就包含以數(shù)字下標命名的屬性(以及l(fā)ength屬性)。不過,JavaScript并不允許你使用點操作符(.)直接訪問這些屬性,因此myArray.0在語法上是非法的(太遺憾了,這本來是個挺酷的語法)。
為什么方括號操作符比點操作符表示法更強大呢?這是因為你可以在方括號中使用任何代表成員名稱的內容來訪問對象的成員。這些內容包括字面量、保存著成員名稱的變量、名稱組合(多數(shù)情況下是字符串的拼接)以及用三元操作符(condition ? valueIfTrue : valueIfFalse)實現(xiàn)的快速if/then選擇。所有的這些內容都會被處理成一個字符串,然后JavaScript會用這個字符串來尋找對應的成員。
由于JavaScript中的函數(shù)本身也是對象,所以它可以像其他值一樣被引用。如果一個表達式的結果是函數(shù),你可以直接用括號操作符調用它,就像你直接用函數(shù)名稱調用函數(shù)一樣。
需要注意的是,如果你在向方法傳遞的參數(shù)上大量使用此類技巧,混亂的括號有可能會使代碼變得難以閱讀,此時使用常規(guī)的if/else結構更加明智。
(二)JavaScript遍歷對象屬性和方法
JavaScript 使用 for in 語句來遍歷對象的屬性和方法。for in 語句循環(huán)遍歷 JavaScript 對象,每循環(huán)一次,都會取得對象的一個屬性或方法。
語法:
復制代碼 代碼如下:
for(valueName in ObjectName){
// 代碼
}
其中,valueName 是變量名,保存著屬性或方法的名稱,每次循環(huán),valueName 的值都會改變。
相關文章
如何用uni-app實現(xiàn)頂部導航欄顯示按鈕和搜索框
本文介紹了如何用uni-app實現(xiàn)頂部導航欄顯示按鈕和搜索框,感興趣的同學,可以參考下,并且試驗一下。2021-06-06
怎樣用Javascript實現(xiàn)函數(shù)柯里化與反柯里化
這篇文章主要介紹了怎樣用Javascript實現(xiàn)函數(shù)柯里化與反柯里化,想了解函數(shù)柯里化的同學,可以參考下2021-04-04

