首頁 > web前端 > js教程 > 如何使用字串存取嵌套 JavaScript 物件屬性?

如何使用字串存取嵌套 JavaScript 物件屬性?

DDD
發布: 2024-11-20 15:35:16
原創
643 人瀏覽過

How to Access Nested JavaScript Object Properties Using a String?

使用點表示法字串存取物件子屬性

使用鍊點表示法存取JavaScript 物件的子屬性是一項常見的編程任務。但是,使用這種方法進行動態屬性存取時存在限制。

考慮以下物件:

var r = { a: 1, b: { b1: 11, b2: 99 } };
登入後複製

要存取b2 的值,可以使用標準點表示法:

r.b.b2
登入後複製

但是,如果需要基於字串的動態屬性訪問,例如:

var s = "b.b2";
登入後複製

像r.s 或r[s] 這樣的直接嘗試將會失敗。一種解決方案是使用自訂函數來迭代字串段來檢索屬性:

function getDescendantProp(obj, desc) {
  var arr = desc.split(".");
  while (arr.length && (obj = obj[arr.shift()]));
  return obj;
}

console.log(getDescendantProp(r, "b.b2")); // 99
````

This function effectively simulates the behavior of dot notation by breaking down the string and recursively accessing the corresponding properties. However, it is important to note that this method works best for simple object property scenarios. Arrays can also be accessed using this approach by treating elements as dotted properties:
登入後複製

getDescendantProp({ a: [ 1, 2, 3 ] }, 'a.2'); // 3

以上是如何使用字串存取嵌套 JavaScript 物件屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板