首頁 > web前端 > js教程 > 關於JavaScript物件的動態選擇及遍歷物件_javascript技巧

關於JavaScript物件的動態選擇及遍歷物件_javascript技巧

WBOY
發布: 2016-05-16 16:55:59
原創
1074 人瀏覽過

(一)動態選擇方法及屬性

在實際工作中,我們常會遇到這種情況:根據某個條件來呼叫兩個方法[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 ObjectName){
// 程式碼} 其中,valueName 是變數名,保存屬性或方法的名稱,每次循環,valueName 的值都會改變。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板