문자열 이름을 사용하여 JavaScript 개체 속성에 어떻게 액세스할 수 있습니까?

JavaScript 객체: 문자열 속성 이름을 사용하여 변수 속성에 액세스

JavaScript에서는 이름을 사용하여 객체 속성 값을 검색할 수 있습니다. 끈. 이 접근 방식은 동적 속성 이름으로 작업하거나 컴파일 시간에 속성 이름을 알 수 없는 중첩 개체를 처리할 때 유용한 경우가 많습니다.

이름을 문자열로 사용하여 개체 속성에 액세스하려면 대괄호 표기법을 사용할 수 있습니다. :

var side = columns['right'];

이 표기법은 점 표기법과 같습니다.

var side = columns.right;

그러나 괄호 표기법이 더 다양합니다. 변수 값이나 함수 반환 값을 기반으로 속성에 동적으로 액세스할 수 있습니다.

var propertyName = 'left';
var propertyValue = columns[propertyName];

함수를 사용하여 문자열 이름으로 개체 속성에 액세스하려는 경우 다음과 같은 간단한 구현이 있습니다.

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

이 함수는 객체와 속성 이름을 인수로 받아 해당 속성의 값을 반환합니다.

중첩 객체

중첩된 객체로 작업할 때 여러 대괄호 세트를 사용하여 속성에 액세스할 수 있습니다.

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

정의되지 않은 속성

정의되지 않은 속성에 액세스하려고 시도하면 결과는 null이 아닌 정의되지 않습니다. 거짓:

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

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