자바스크립트 객체
자바스크립트의 객체는 키(Key)와 값(Value)으로 구성된 프로퍼티(Property)와 메소드의 집합이다. 프로퍼티의 값으로 자바 스크립트에서 사용할 수 있는 모든 값을 사용할 수 있다.
객체 생성 방법
- new Object( )
- 생성자 함수
- 객체 리터럴
new Object( ) 이용해서 객체 생성
- Object 객체 생성 : new 키워드로 Object 생성자 함수를 호출하면 비어있는 객체가 생성된다.
var 생성자명 = new Object();
var fruits = new Object();
- 프로퍼티 추가 : 비어있는 객체에 프로퍼티를 추가해준다.
생성자명.key = value;
fruits.one = "Apple";
fruits.two = "Banana";
fruits.three = "Melon";
- 확인
console.log(fruits);
fruits {one: "Apple", two: "Banana", three: "Melon"} //출력
생성자 함수 이용해서 객체 생성
- 생성자 함수 선언
생성자 함수란 정의한 함수에 new 키워드를 붙여 변수에 호출하면 그 자체로 생성자 역할을 한다.
생성자 함수와 일반 함수를 구분하기 위해 생성자 함수의 이름은 대문자로 시작하는 것을 권장한다.
function 생성자명(){
this.프로퍼티
}
function Fruits(one, two, three){
this.one = one;
this.two = two;
this.three = three;
}
- 생성자 함수 사용
new 키워드를 붙여서 변수에서 호출하게 되면 먼저 비어진 객체가 만들어 진다. 해당 객체가 this 가 되고, 아규먼트로 넣어준 값들이 this 객체에 들어가서 프로퍼티가 된다.
var 변수 = new 생성자명();
var fruit = new Fruits("Apple", "Banana", "Melon");
- 확인
console.log(fruit);fruits {one: "Apple", two: "Banana", three: "Melon"} //출력
- 생성자 함수 메커니즘
new 키워드를 통해 생성된 객체는 일단 빈 객체이다. 그리고 생성자 함수는 빈 객체에 할당할 프로퍼티(Key) 를 정의한다. 괄호 안에 들어있는 아규먼트들은 각각 Key에 들어가는 Value 가 된다. 이렇게 프로퍼티(key - value)가 새로 생성된 객체에 할당된다.
최종적으로 해당 객체를 변수에 담아주는 것으로 객체 생성이 완료된다.
객체 리터럴 이용해서 객체 생성
- 객체 리터럴 이용해서 생성
var 생성자명 = {
key : value,
key : value
}
var fruits = {
one : "Melon",
two : "Orange",
three : "Banana"
}
- 확인
console.log(fruits);
{one: "Melon", two: "Orange", three: "Banana"} //출력
댓글