자바스크립트 기본 문법 – 객체 – 0 – 객체의 생성과 사용
객체란 무엇인가요?
객체는 자바스크립트에서 가장 중요한 개념 중 하나입니다. 객체는 여러 속성과 메서드를 포함하는 데이터 집합체입니다. 비유하자면, 객체는 현실 세계의 사물이나 개념과 비슷한 개념입니다. 예를 들어, 자동차 객체에는 색상, 브랜드, 모델과 같은 속성과 주행, 정지와 같은 동작이 있을 수 있습니다.
객체의 생성
자바스크립트에서 객체를 생성하는 방법은 여러 가지가 있습니다. 가장 일반적인 방법은 중괄호({})를 사용하여 객체 리터럴을 생성하는 것입니다. 예시를 통해 알아보겠습니다.
// 객체 리터럴을 사용하여 자동차 객체 생성
const car = {
brand: "현대",
model: "소나타",
color: "검정",
start: function() {
return "자동차가 출발합니다.";
},
stop: function() {
return "자동차가 정지합니다.";
}
};위의 예시에서 car라는 변수에 객체 리터럴을 할당했습니다. 객체 리터럴은 중괄호({})로 시작하고 끝나며, 속성과 값은 콜론(:)으로 구분합니다. 이렇게 생성된 객체는 brand, model, color라는 속성과 start, stop이라는 메서드를 가지고 있습니다.
객체의 속성과 메서드 사용
객체의 속성과 메서드에 접근하려면 점(.) 표기법을 사용합니다. 예시를 통해 살펴보겠습니다.
// 자동차 객체의 속성과 메서드 사용
console.log(car.brand); // "현대"
console.log(car.color); // "검정"
console.log(car.start()); // "자동차가 출발합니다."
console.log(car.stop()); // "자동차가 정지합니다."위의 예시에서는 car 객체의 속성에 접근하기 위해 car.brand, car.color와 같이 점 표기법을 사용했습니다. 메서드에 접근할 때도 동일한 방식으로 점 표기법을 사용하고, 괄호를 붙여 메서드를 호출합니다.
주의해야 할 점
- 객체의 속성과 메서드는 쉼표로 구분해야 합니다. 객체 리터럴 내에서 쉼표를 빠뜨리지 않도록 주의하세요.
- 객체의 속성과 메서드에 접근할 때는 점 표기법을 사용하세요. 대괄호([]) 표기법도 있지만, 일반적으로 점 표기법이 더 많이 사용됩니다.
- 객체의 속성과 메서드는 호출할 때 괄호를 사용해야 합니다. 예를 들어,
car.start()처럼 괄호를 붙여서 메서드를 호출하세요.
자바스크립트에서 객체는 다양한 기능과 활용성을 갖고 있으며, 자세한 내용은 객체 지향 프로그래밍과 관련된 개념들과 함께 공부하면 더욱 깊이 이해할 수 있습니다. 객체의 생성과 사용은 자바스크립트에서 중요한 기본 문법 중 하나이므로, 충분한 연습을 통해 익숙해지시기 바랍니다. 재미있는 프로그래밍 여정 되시길 바랍니다!