점 표기법 문자열을 사용하여 중첩된 JavaScript 개체 속성에 어떻게 액세스할 수 있습니까?

점 표기법 문자열을 사용하여 중첩된 개체 속성에 액세스

복잡한 개체로 작업할 때 깊이 중첩된 속성에 액세스하는 것은 번거로운 과정이 될 수 있습니다. 표준 JavaScript 구문에는 속성 계층 구조를 통한 수동 탐색이 필요하므로 지루하고 오류가 발생하기 쉽습니다. 이 문제로 인해 이 작업을 단순화하기 위한 대체 접근 방식을 찾게 되었습니다.

요구되는 솔루션 중 하나는 점 표기법 문자열을 사용하여 중첩 속성에 액세스하는 기능입니다. 그러나 이 기능은 JavaScript에서 기본적으로 지원되지 않습니다. 다음은 이 기능을 허용하는 간단한 함수입니다.

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

이 함수를 사용하면 문자열을 사용하여 깊게 중첩된 속성에 액세스할 수 있습니다.

var r = { a: 1, b: { b1: 11, b2: 99 } };
console.log(getDescendantProp(r, "b.b2")); // 99

이 접근 방식도 사용할 수 있습니다. 점 표기법 문자열의 일부로 숫자 인덱스를 지정하여 배열 요소에 액세스합니다.

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

위 내용은 점 표기법 문자열을 사용하여 중첩된 JavaScript 개체 속성에 어떻게 액세스할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!