어떻게 JavaScript 객체에 키/값 쌍을 추가할 수 있을까요?

여기에 내 객체 리터럴이 있습니다:

var obj = {key1: value1, key2: value2};

어떻게 key3 필드와 value3 값을 객체에 추가할 수 있을까요?

답변 1

객체에 새로운 속성을 추가하는 두 가지 방법이 있습니다:

var obj = {
    key1: value1,
    key2: value2
};

점 표기법을 사용하는 방법:

obj.key3 = value3;

대괄호 표기법을 사용하는 방법:

obj[key3] = value3;

첫 번째 형태는 속성의 이름을 알고 있을 때 사용됩니다. 두 번째 형태는 속성의 이름이 동적으로 결정되는 경우에 사용됩니다. 예를 들어:

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

진짜 JavaScript 배열은 다음 중 하나를 사용하여 생성할 수 있습니다:

배열 리터럴 표기법:

var arr = [];

배열 생성자 표기법:

var arr = new Array();

답변 2

JavaScript 객체에 키/값 쌍을 추가하는 방법은 다양하게 있습니다. 객체에 항목을 추가하는 가장 일반적인 방법은 마침표(.) 또는 대괄호([]) 표기법을 사용하는 것입니다.
먼저, 마침표 표기법을 사용하여 객체에 항목을 추가할 수 있습니다. 마침표 표기법은 객체 이름 다음에 마침표를 찍고 키 이름을 작성하는 형태입니다. 예를 들어, 다음과 같이 작성할 수 있습니다:
obj.key = value;
위의 예제에서 key는 새로 추가할 키 이름이며, value는 해당 키에 매핑되는 값입니다. 이렇게 작성하면 객체에 새로운 키/값 쌍이 추가됩니다.
또 다른 방법은 대괄호 표기법을 사용하는 것입니다. 대괄호 표기법은 객체 이름 다음에 대괄호를 사용하고, 그 안에 키 이름을 작성하는 형태입니다. 예를 들어, 다음과 같이 작성할 수 있습니다:
obj['key'] = value;
마찬가지로 위의 예제에서 key는 새로 추가할 키 이름이며, value는 해당 키에 매핑되는 값입니다. 대괄호 표기법도 마침표 표기법과 마찬가지로 객체에 새로운 키/값 쌍을 추가합니다.
이처럼 JavaScript 객체에 키/값 쌍을 추가하는 방법은 간단하고 유연합니다. 필요에 따라 마침표 표기법 또는 대괄호 표기법을 사용하여 객체에 원하는 항목을 추가할 수 있습니다.
키워드: JavaScript 객체, 키/값 쌍, 마침표, 대괄호, 추가 방법, 예제