>웹 프론트엔드 >JS 튜토리얼 >JavaScript 개체에 키-값 쌍을 어떻게 추가할 수 있나요?

JavaScript 개체에 키-값 쌍을 어떻게 추가할 수 있나요?

DDD
DDD원래의
2024-12-16 21:48:10169검색

How Can I Add Key-Value Pairs to JavaScript Objects?

JavaScript 객체에 키/값 쌍 추가

JavaScript에서 객체는 속성을 동적으로 추가하고 수정할 수 있는 변경 가능한 엔터티입니다. "value3"이 있는 "key3"과 같은 새로운 키-값 쌍을 기존 개체에 통합하려면 다음 두 가지 옵션이 있습니다.

점 표기법:

속성 이름을 알고 있는 경우 점 표기법이 간단한 방법을 제공합니다.

var obj = {key1: value1, key2: value2};
obj.key3 = "value3";

대괄호 표기법:

또는 대괄호 표기법은 속성 이름이 동적으로 결정될 때 유연성을 제공합니다.

var obj = {key1: value1, key2: value2};
obj["key3"] = "value3";

특히 이는 속성 이름이 다음에서 파생되는 상황에서 유용할 수 있습니다. 예를 들어 변수:

var property = "key3";
obj[property] = "value3";

두 방법 모두 동일한 작업을 수행하지만 속성 이름을 지정할 때 점 표기법이 선호됩니다. 정적이지만 대괄호 표기법은 더 다양하며 동적 속성 이름을 허용합니다.

배열에 대한 추가 참고 사항:

자바스크립트 배열은 서로 구별된다는 점을 언급할 가치가 있습니다. 객체에서 배열 리터럴 표기법([])이나 배열 생성자(new Array())를 사용하여 만들 수도 있습니다. 그러나 배열은 명명된 속성이 아닌 숫자 인덱스를 사용하므로 객체와 다르게 인덱스를 처리합니다.

위 내용은 JavaScript 개체에 키-값 쌍을 어떻게 추가할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.