[javascript] 객체와 속성 (property)의 관계
자바스크립트에서 객체는 속성들의 모음입니다. 속성은 객체에 저장된 데이터로, 각 속성은 이름(key)과 값(value)으로 구성됩니다.
객체 생성
객체를 생성하는 방법은 여러 가지가 있습니다.
- 리터럴 표기법
이 방식은 중괄호
{}
를 사용하여 객체를 생성하는 가장 간단한 방법입니다.
let car = {
brand: 'Toyota',
model: 'Corolla',
year: 2020
};
- 생성자 함수
new
키워드를 사용하여 생성자 함수를 호출하여 객체를 생성할 수도 있습니다.
function Car(brand, model, year) {
this.brand = brand;
this.model = model;
this.year = year;
}
let myCar = new Car('Toyota', 'Corolla', 2020);
속성 접근
객체의 속성에 접근하는 방법은 점 표기법과 대괄호 표기법 두 가지가 있습니다.
- 점 표기법
가장 일반적인 방법으로,
.
을 사용하여 속성에 접근합니다.
console.log(car.brand); // Toyota
- 대괄호 표기법 대괄호 내에 속성 이름을 문자열로 넣어서 속성에 접근합니다.
console.log(car['brand']); // Toyota
속성 추가 및 수정
기존 객체에 새로운 속성을 추가하거나 기존의 속성을 수정할 수 있습니다.
car.color = 'blue'; // 속성 추가
car.year = 2021; // 속성 수정
정리
객체는 여러 속성들을 포함하는 데이터 구조이며, 속성은 객체의 특정 데이터를 나타냅니다. 속성에는 이름과 값이 있으며, 이를 통해 객체의 데이터를 다룰 수 있습니다.
자바스크립트에서 객체와 속성의 개념을 이해하고 활용한다면, 다양한 데이터를 효과적으로 관리하고 활용할 수 있습니다.
참고: MDN 웹 문서 - 객체