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

문자열 이름으로 JavaScript 개체 속성에 액세스

JavaScript 개체로 작업할 때 동적으로 또는 사용자로부터 얻을 수 있는 이름으로 속성에 액세스해야 하는 경우가 많습니다. 입력. 이 질문은 문자열로 표시된 이름을 기반으로 속성 값을 검색하는 함수를 작성하는 방법을 다룹니다.

솔루션

제공된 솔루션은 두 가지 접근 방식을 제공합니다.

대괄호 표기법:

이것은 이름으로 속성에 동적으로 액세스하는 데 선호되는 방법입니다. 다음과 같이 대괄호([])를 사용합니다.

var side = columns['right'];

함수(대괄호 표기 사용):

특별히 함수가 필요한 경우 다음을 사용할 수 있습니다.

function read_prop(obj, prop) {
    return obj[prop];
}

중첩된 객체

객체가 중첩된 경우, 여러 대괄호를 사용하여 속성 값에 액세스할 수 있습니다. 예를 들어,

var foo = { a: 1, b: 2, c: { x: 999, y: 998, z: 997 } };

객체를 사용하면 다음과 같이 x 속성에 액세스할 수 있습니다.

var cx = foo['c']['x'];

정의되지 않은 속성

속성 참조를 시도하면 정의되지 않은 속성인 경우 정의되지 않은 값(null 또는 false가 아님)을 반환합니다. 예를 들면 다음과 같습니다.

foo['c']['q'] === null // returns false
foo['c']['q'] === false // returns false
foo['c']['q'] === undefined // returns true

위 내용은 속성 이름에 문자열을 사용하여 JavaScript 개체 속성에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!