점 및 대괄호 표기법을 사용하여 JavaScript 개체에 키/값 쌍을 어떻게 추가합니까?

JavaScript 개체에 키/값 쌍 추가

JavaScript 개체에 새 속성을 추가하는 것은 해당 기능을 조작하고 확장하는 데 필수적입니다. 이 문서에서는 이를 달성하기 위한 두 가지 방법, 즉 점 표기법과 대괄호 표기법을 살펴봅니다.

점 표기법 사용

이 방법은 원하는 속성 이름을 알고 있으면 간단합니다. 추가합니다. 구문은 다음과 같습니다.

obj.propertyName = value;

예를 들어 값이 value3인 key3 속성을 obj 개체에 추가하려면 다음과 같이 작성합니다.

obj.key3 = "value3";

대괄호 사용 표기법

속성 이름을 미리 알 수 없거나 동적으로 결정되는 경우 대괄호 표기가 필요합니다. 구문은 다음과 같습니다.

obj["propertyName"] = value;

이 방법은 문자열 키를 기반으로 속성을 검색하거나 설정할 때 유용합니다. 예를 들어, 다음 코드는 함수를 사용하여 동적 propertyName을 기반으로 속성 값을 검색합니다.

var getProperty = function (propertyName) {
    return obj[propertyName];
};

console.log(getProperty("key1")); // value1
console.log(getProperty("key2")); // value2
console.log(getProperty("key3")); // value3

추가 참고 사항

JavaScript 배열이 다음을 수행할 수 있다는 점에 유의하는 것이 중요합니다. 배열 리터럴 표기법이나 배열 생성자 표기법을 사용하여 생성할 수도 있습니다. 전자는 간결한 구문 때문에 선호되는 반면, 후자는 배열을 객체로 사용할 때 더 많은 유연성을 제공합니다.

위 내용은 점 및 대괄호 표기법을 사용하여 JavaScript 개체에 키/값 쌍을 어떻게 추가합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!