JavaScript에서 객체에 값 추가

1. object.assign()메소드를 사용하여 JavaScript의 객체에 요소 추가
2. push()메소드를 사용하여 JavaScript의 객체에 요소 추가
3. Spread 연산자를 사용하여 JavaScript의 객체에 추가

객체는 기본적으로 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' }