반응형
자바스크립트에서 객체는 **키(key)**와 값(value) 쌍으로 이루어진 데이터를 저장하는 데 사용되는 자료형입니다. 실제 세상의 사물이나 개념을 모델링하는 데 유용하며, 복잡한 데이터를 효과적으로 관리할 수 있게 해줍니다.
객체 생성하기
객체를 생성하는 방법은 여러 가지가 있습니다.
1. 객체 리터럴
가장 간단하고 일반적으로 사용되는 방법입니다.
const person = {
firstName: "홍",
lastName: "길동",
age: 30,
isStudent: false
};
2. 생성자 함수
객체를 생성하기 위한 템플릿 역할을 합니다.
3. 클래스 (ES6+)
객체 지향 프로그래밍에서 사용되는 클래스를 통해 객체를 생성합니다.
객체의 프로퍼티 접근하기
객체의 프로퍼티에 접근하려면 점(.) 표기법 또는 대괄호 표기법을 사용합니다.
console.log(person.firstName); // 홍
console.log(person["lastName"]); // 길동
객체의 메소드
객체 내부에 함수를 정의하여 객체의 기능을 확장할 수 있습니다. 이러한 함수를 메소드라고 합니다.
const person = {
firstName: "홍",
lastName: "길동",
age: 30,
getFullName: function() {
return this.firstName + " " + this.lastName;
}
};
console.log(person.getFullName()); // 홍 길동
객체의 프로토타입
모든 객체는 Object.prototype을 상속받습니다. 이를 통해 모든 객체는 기본적인 메소드(예: hasOwnProperty, toString 등)를 사용할 수 있습니다.
console.log(person.hasOwnProperty("firstName")); // true
반응형
'JS > JavaScript' 카테고리의 다른 글
#12 자바스크립트 DOM (0) | 2024.08.29 |
---|---|
#11 자바스크립트 배열 메서드 (0) | 2024.08.29 |
#10 자바스크립트 배열 (0) | 2024.08.29 |
#9 자바스크립트 깊은 복사와 얕은 복사 : 차이점과 구현 방법 (0) | 2024.08.29 |
#7 자바스크립트 함수 : 코드의 재사용과 효율성을 위한 핵심 (0) | 2024.08.28 |
#6 자바스크립트 조건문/반복문 (0) | 2024.08.28 |
#5 자바스크립트 연산자 (0) | 2024.08.27 |
#4 자바스크립트 호이스팅(Hoisting) (0) | 2024.08.27 |