자바스크립트 객체

📅3 hours ago⏱1 min read

𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗢𝗯𝗷𝗲𝗰𝘁𝘀

JavaScript 객체는 값과 함수를 저장합니다.

자동차를 생각해 보세요. 모든 자동차는 색상이나 모델과 같은 속성(properties)을 가집니다. 모든 자동차는 주행(drive)이나 제동(brake)과 같은 메서드(methods)를 가집니다. 값과 타이밍은 자동차마다 다릅니다.

속성과 메서드

객체 예시:

const car = { type: "Fiat", model: "500", color: "white" };

이 예시에서 type, model, color는 속성입니다. "Fiat", "500", "white"는 값입니다.

객체 생성하기

객체 리터럴을 사용하여 객체를 정의합니다. 중괄호 안에 키-값 쌍을 넣습니다. 특정 공백이나 줄 바꿈은 필요하지 않습니다.

예시:

const person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };

속성 관리하기

언제든지 속성을 변경, 추가 또는 삭제할 수 있습니다.

속성에 접근하는 방법:

점 표기법(Dot notation): person.age 가독성 측면에서 가장 좋은 방법입니다.
대괄호 표기법(Bracket notation): person["age"] 속성 이름이 변수에 들어 있거나 하이픈(-)과 같은 특수 문자를 포함하는 경우에 사용합니다.
표현식(Expression): person[x]

객체 메서드

메서드는 객체가 수행하는 동작입니다. 메서드는 객체 속성 내부에 저장된 함수입니다.

예시:

const person = { firstName: "John", lastName: "Doe", fullName: function() { return this.firstName + " " + this.lastName; } };

Continue reading