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

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

DDD
DDD原創
2024-11-20 15:35:16588瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn