JavaScript 개체에 속성 추가

이 자습서에서는 JavaScript 개체에 속성을 추가하는 방법을 소개합니다.

대괄호 표기법을 사용하여 JavaScript 개체에 속성 추가

대괄호 표기법은 점 표기법과 동일하지만 한 가지 큰 차이가 있습니다. 이름에 둘 이상의 단어가 포함 된 속성을 추가하는 데 사용할 수 있습니다. 예를 들어person["one more"]와 같은 대괄호 표기법을 사용할 수 있지만 점 표기법으로는 사용할 수 없습니다.

const person = {
  name: 'Dave',
  age: 5,
  gender: 'male'
} person['height meter'] = 2.1;
console.log(person);

출력:

{name: "Dave", age: 5, gender: "male", height: 2.1}

위의 코드에서 대괄호 표기법person["height meter"]를 사용하여 Object person에 높이를 추가했습니다.

점 표기법을 사용하여 JavaScript 개체에 속성 추가

const person = {
  name: 'Dave',
  age: 5,
  gender: 'male'
} person.height = 2.1;
console.log(person);

출력:

{name: "Dave", age: 5, gender: "male", height: 2.1}

위의 코드에서 점 표기법person.height를 사용하여 Object person에 높이를 추가했습니다.