커뮤니티
유머/시간때우기
취업/이직
연애/스포츠
사회/문화
지식/경제
주식/재테크
컴퓨터/IT
코딩
회화
게임
질문답변
이벤트
공지사항
1:1문의
FAQ자바스크립트 문법 2
자바스크립트(JavaScript)에서 객체는 핵심 데이터 타입 중 하나로, 자바스크립트의 기본 구성 요소 중 하나입니다. 객체는 데이터와 해당 데이터를 조작하기 위한 동작(메서드)을 포함하는 컨테이너 형식입니다. 이러한 객체는 다양한 데이터 타입(문자열, 숫자, 함수 등)을 담을 수 있습니다. 아래에서 자바스크립트 객체에 대해 자세하게 설명하겠습니다.
1. 객체 리터럴 (Object Literal): 객체는 중괄호 {}를 사용하여 만들 수 있습니다. 객체 리터럴은 속성(key)과 값(value)의 쌍을 가집니다.
name: Alice,
age: 30,
sayHello: function () {
console.log(안녕하세요!);
},
};
name과 age는 객체의 속성(또는 프로퍼티)이며, Alice와 30은 해당 속성의 값입니다.
sayHello는 객체의 메서드로 함수를 값으로 가집니다.
2. 속성과 메서드:
객체는 속성과 메서드를 가질 수 있습니다.
속성은 객체의 특징을 나타내며, 메서드는 객체의 동작을 정의합니다.
brand: Toyota,
model: Camry,
start: function () {
console.log(차량 시동을 걸었습니다.);
},
};
3. 속성 접근:
객체 내의 속성 및 메서드에 접근할 때는 도트(.) 표기법 또는 대괄호([]) 표기법을 사용할 수 있습니다.
console.log(car[model]); // Camry 출력
4. 속성 추가 및 수정:
객체에 새로운 속성을 추가하거나 기존 속성을 수정할 수 있습니다.
car.model = Corolla; // 속성 수정
5. 객체 메서드 호출:
객체의 메서드를 호출할 때는 도트(.) 표기법을 사용합니다.
6. 객체 반복:
for...in 루프를 사용하여 객체의 속성을 반복할 수 있습니다.
console.log(${key}: ${car[key]});
}
7. 객체 생성자:
객체 생성자 함수를 사용하여 여러 개의 비슷한 객체를 생성할 수 있습니다.
this.name = name;
this.age = age;
}
const person1 = new Person(Bob, 25);
const person2 = new Person(Alice, 30);
8. 객체 프로토타입:
객체는 프로토타입 체인을 통해 상속을 지원합니다. 모든 객체는 Object를 상속받으며, 해당 프로토타입 객체의 속성과 메서드를 사용할 수 있습니다.
자바스크립트 객체는 다양한 용도로 활용되며, 다른 데이터 타입과 결합하여 더 복잡한 데이터 구조를 만들 수 있습니다. 객체는 자바스크립트 프로그래밍에서 핵심 개념 중 하나이므로 객체의 이해는 중요합니다. 더 많은 기능과 개념을 학습하려면 객체 지향 프로그래밍과 프로토타입 체이닝에 대해 공부하시기를 권장합니다.