이름을 문자열로 사용하여 JavaScript 개체 속성에 동적으로 액세스하려면 어떻게 해야 합니까?

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

JavaScript 개체로 작업할 때 개체에 따라 동적으로 속성에 액세스해야 하는 경우가 많습니다. 변수에 저장되거나 함수에서 반환된 이름입니다. 이를 달성하는 방법은 다음과 같습니다.

대괄호 표기법 사용

변수를 사용하여 속성에 액세스할 때 선호되는 방법은 대괄호 표기법을 사용하는 것입니다.

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

예를 들어, 주어진 'right' 속성에 액세스하려면 객체:

var side = read_prop(columns, 'right');

점 표기법과 동일합니다:

var side = columns.right;

중첩 객체 속성

중첩 객체의 속성에 액세스하려면, 여러 대괄호 사용:

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

정의되지 않음 속성

정의되지 않은 속성에 액세스하면 '정의되지 않음'이 반환됩니다.

foo['c']['q'] === undefined; // true

결론

대괄호 표기법을 사용하면 단순 속성이든 중첩 속성이든 상관없이 이름으로 문자열로 JavaScript 개체 속성에 액세스합니다. 특히 동적 데이터나 알 수 없는 속성 이름으로 작업할 때 더욱 동적인 속성 액세스가 가능합니다.

위 내용은 이름을 문자열로 사용하여 JavaScript 개체 속성에 동적으로 액세스하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!