Colin's Blog
[javascript] 객체의 속성값 업데이트하기

자바스크립트에서 객체의 속성값을 업데이트하는 방법에 대해 알아보겠습니다.

1. 단일 속성 업데이트

객체의 단일 속성을 업데이트하려면 다음과 같은 방법을 사용할 수 있습니다.

// 객체 생성
let person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// name 속성 업데이트
person.name = 'Jane';

console.log(person.name); // Jane
console.log(person.age); // 30
console.log(person.city); // New York

위의 예제에서는 person 객체의 name 속성을 'Jane' 으로 업데이트하였습니다. 업데이트된 결과를 확인하기 위해 console.log를 사용했습니다.

2. 다중 속성 업데이트

객체의 여러 속성을 한 번에 업데이트하려면 Object.assign 메소드를 사용할 수 있습니다.

// 객체 생성
let person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// 다중 속성 업데이트
Object.assign(person, {name: 'Jane', age: 25});

console.log(person.name); // Jane
console.log(person.age); // 25
console.log(person.city); // New York

위의 예제에서는 person 객체의 name 속성과 age 속성을 동시에 업데이트하였습니다. Object.assign 메소드를 사용하여 업데이트할 속성과 값을 전달하였습니다.

3. 속성 동적 업데이트

객체의 속성을 동적으로 업데이트하려면 대괄호 표기법을 사용하면 됩니다.

// 객체 생성
let person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// 속성 동적 업데이트
let prop = 'age';
person[prop] = 40;

console.log(person.name); // John
console.log(person.age); // 40
console.log(person.city); // New York

위의 예제에서는 person 객체의 age 속성을 동적으로 업데이트하였습니다. prop 변수에 'age' 문자열을 할당하고, person[prop] 형태로 속성 값을 업데이트하였습니다.

참고 문서:

© 2018 Colin. All rights reserved.