JavaScript에서 객체에 값 추가
Hemank Mehtani
2023년10월12일
-
object.assign()
메소드를 사용하여 JavaScript의 객체에 요소 추가 -
push()
메소드를 사용하여 JavaScript의 객체에 요소 추가 - Spread 연산자를 사용하여 JavaScript의 객체에 추가
![JavaScript에서 객체에 값 추가](/img/JavaScript/feature-image---javascript-append-to-object.webp)
객체는 기본적으로 JavaScript에서 변경 가능합니다. 요구 사항에 따라 나중에 수정할 수 있습니다.
이 튜토리얼은 JavaScript 객체에 값을 추가하는 방법을 보여줍니다.
object.assign()
메소드를 사용하여 JavaScript의 객체에 요소 추가
object.assign()
메소드는 객체에 정의 된 모든 속성을 다른 객체로 복사합니다. 즉, 하나 이상의 소스에서 대상 객체로 모든 속성을 복사합니다. 이를 통해 객체에 요소를 추가합니다.
예를 들면
const course = {
name: 'JavaScript'
};
const grade = {
score: 92
};
const finalResult = Object.assign(course, grade);
console.log(finalResult);
출력:
{ name: 'JavaScript', score: 92 }
push()
메소드를 사용하여 JavaScript의 객체에 요소 추가
push()
함수는 배열 끝에 단일 또는 다중 요소를 추가하고 배열의 새 길이를 리턴합니다.
예를 들면
const brands = ['nike', 'reebok', 'adidas'];
const count = brands.push('venum');
console.log(count);
console.log(brands);
출력:
4
[ 'nike', 'reebok', 'adidas', 'venum' ]
count
는 배열의 길이를 반환합니다. 이것은 아마도 배열에 포함 된 객체에 요소를 추가하는 가장 간단한 방법 일 것입니다. 배열도 변경 가능하므로 사용하는 것이 좋습니다.
예를 들면
const brands = [{nike: 1500}];
const count = brands.push({reebok: 2000});
console.log(count);
console.log(brands);
출력:
2
[{nike: 1500},{reebok: 2000}]
Spread 연산자를 사용하여 JavaScript의 객체에 추가
스프레드 연산자는 JavaScript에서 개체를 병합하거나 복제하는 데 사용됩니다. 개체의 모든 요소가 일부 목록에 포함되어야 할 때 사용할 수 있습니다.
예를 들면
const rectangle = {
radius: 10
};
const style = {
Backcolour: 'red'
};
const solidRectangle = {
...rectangle,
...style
};
console.log(solidRectangle);
출력:
{ radius: 10, Backcolour: 'red' }