문자열을 사용하여 중첩된 JavaScript 개체 속성에 액세스하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

문자열을 사용하여 중첩된 JavaScript 개체 속성에 액세스하는 방법은 무엇입니까?

DDD

풀어 주다： 2024-11-20 15:35:16

원래의

587명이 탐색했습니다.

How to Access Nested JavaScript Object Properties Using a String?

점 표기법 문자열을 사용하여 객체 하위 속성에 액세스

연결된 점 표기법을 사용하여 JavaScript 객체의 하위 속성에 액세스하는 것은 일반적인 프로그래밍 작업입니다. 그러나 동적 속성 액세스에 이 접근 방식을 사용하는 경우에는 제한 사항이 있습니다.

다음 개체를 고려하세요.

var r = { a: 1, b: { b1: 11, b2: 99 } };

로그인 후 복사

b2 값에 액세스하려면 표준 점 표기법을 사용할 수 있습니다.

r.b.b2

로그인 후 복사

그러나 문자열을 기반으로 한 동적 속성 액세스가 필요한 경우 다음과 같습니다. as:

var s = "b.b2";

로그인 후 복사

r.s 또는 r[s]와 같은 직접적인 시도는 실패합니다. 한 가지 해결책은 문자열 세그먼트를 반복하여 속성을 검색하는 사용자 정의 함수를 사용하는 것입니다.

function getDescendantProp(obj, desc) {
  var arr = desc.split(".");
  while (arr.length &amp;&amp; (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 중국어 웹사이트의 기타 관련 기사를 참조하세요!