[javascript] 객체와 속성 (property)의 관계

자바스크립트에서 객체는 속성들의 모음입니다. 속성은 객체에 저장된 데이터로, 각 속성은 이름(key)과 값(value)으로 구성됩니다.

객체 생성

객체를 생성하는 방법은 여러 가지가 있습니다.

  1. 리터럴 표기법 이 방식은 중괄호 {}를 사용하여 객체를 생성하는 가장 간단한 방법입니다.
let car = { 
  brand: 'Toyota',
  model: 'Corolla',
  year: 2020
};
  1. 생성자 함수 new 키워드를 사용하여 생성자 함수를 호출하여 객체를 생성할 수도 있습니다.
function Car(brand, model, year) {
  this.brand = brand;
  this.model = model;
  this.year = year;
}

let myCar = new Car('Toyota', 'Corolla', 2020);

속성 접근

객체의 속성에 접근하는 방법은 점 표기법과 대괄호 표기법 두 가지가 있습니다.

  1. 점 표기법 가장 일반적인 방법으로, .을 사용하여 속성에 접근합니다.
console.log(car.brand); // Toyota
  1. 대괄호 표기법 대괄호 내에 속성 이름을 문자열로 넣어서 속성에 접근합니다.
console.log(car['brand']); // Toyota

속성 추가 및 수정

기존 객체에 새로운 속성을 추가하거나 기존의 속성을 수정할 수 있습니다.

car.color = 'blue'; // 속성 추가
car.year = 2021; // 속성 수정

정리

객체는 여러 속성들을 포함하는 데이터 구조이며, 속성은 객체의 특정 데이터를 나타냅니다. 속성에는 이름과 값이 있으며, 이를 통해 객체의 데이터를 다룰 수 있습니다.

자바스크립트에서 객체와 속성의 개념을 이해하고 활용한다면, 다양한 데이터를 효과적으로 관리하고 활용할 수 있습니다.


참고: MDN 웹 문서 - 객체