關于JavaScript對象的動態選擇及遍歷對象

2019-11-20 20:57:50

字體：大中小

來源：轉載

供稿：網友

（一）動態選擇方法及屬性

在實際工作中，我們經常會遇到這種情況：根據某個條件來調用兩個方法[1]中的一個，或是在兩個屬性[2]中的一個上面進行讀寫操作。下面的代碼展示了這種情形：

 
if (condition) { 
myObj.method1(someArg); 
} else { 
myObj.method2(someArg); 
} 

JavaScript提供了一種簡單的語法，即使用方括號操作符（[]）來動態地選擇方法和屬性。正如下面的代碼所示，JavaScript有兩種等價的成員訪問語法（這個特征在動態語言里很常見）：
obj[expressionResultingInMembername] == obj.memberName

如果你曾用整數下標來訪問數組中的某個元素，那你已經開始用方括號操作符來進行動態成員選擇了。這是因為，數組對象本身就包含以數字下標命名的屬性（以及length屬性）。不過，JavaScript并不允許你使用點操作符（.）直接訪問這些屬性，因此myArray.0在語法上是非法的（太遺憾了，這本來是個挺酷的語法）。
為什么方括號操作符比點操作符表示法更強大呢？這是因為你可以在方括號中使用任何代表成員名稱的內容來訪問對象的成員。這些內容包括字面量、保存著成員名稱的變量、名稱組合（多數情況下是字符串的拼接）以及用三元操作符（condition ? valueIfTrue : valueIfFalse）實現的快速if/then選擇。所有的這些內容都會被處理成一個字符串，然后JavaScript會用這個字符串來尋找對應的成員。
由于JavaScript中的函數本身也是對象，所以它可以像其他值一樣被引用。如果一個表達式的結果是函數，你可以直接用括號操作符調用它，就像你直接用函數名稱調用函數一樣。
需要注意的是，如果你在向方法傳遞的參數上大量使用此類技巧，混亂的括號有可能會使代碼變得難以閱讀，此時使用常規的if/else結構更加明智。

（二）JavaScript遍歷對象屬性和方法

JavaScript 使用 for in 語句來遍歷對象的屬性和方法。for in 語句循環遍歷 JavaScript 對象，每循環一次，都會取得對象的一個屬性或方法。

語法：

復制代碼代碼如下:

 
for(valueName in ObjectName){ 
// 代碼 
} 

其中，valueName 是變量名，保存著屬性或方法的名稱，每次循環，valueName 的值都會改變。

上一篇：php is_numberic函數造成的SQL注入漏洞

下一篇：使用js操作css實現js改變背景圖片示例

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注