[JavaScript] 객체

자바스크립트에서는 원시 타입을 제외한 모든 값이 객체입니다.

 

객체는 가장 많이 쓰이고 중요한 데이터 타입이며, 리터럴과 생성자 함수를 이용해 만들 수 있습니다.

원시 타입 데이터

• Number
• String
• Boolean
• undefined
• null

 

객체 리터럴

 

다음 코드는 리터널 형태로 객체를 생성하였습니다.

 

var person = {
	name : "Ongyee",
    age : 30,
}

 

person이라는 객체를 생성하고  name, age라는 속성과 각각 Ongyee, 30의 속성값을 작성했습니다.

 

이렇게 작성한 객체는 다음과 같이 값을 읽을 수 있습니다.

 

console.log(person.name) //Ongyee
console.log(person.age) //30

 

객체를 읽는 것과 같은 방법으로 객체 안의 값을 변경 할 수 있습니다.

 

person.name = "Dog"
console.log(person.name) //Dog

 

delete를 이용해 속성을 삭제 하는것도 가능합니다.

 

delete person.age
console.log(person) // {name : "Ongyee"}

 

 

객체 생성자

 

다음 코드는 객체를 만드는 생성자 함수입니다.

 

function Person(name, age) {
this.name = name;
this.age = age;
}

 

일반 함수 생성과 비슷하지만 함수명이 대문자로 시작 합니다.

 

new 연산자를 사용하여 호출 할 수 있습니다.

var person1 = new Person("Ongyee",30);
var person2 = new Person("Doori",20);
console.log(person1); //Person {name: "Ongyee", age: 30}
console.log(person2); //Person {name: "Doori", age: 20}

 

두 사람의 정보를 담은 객체를 생성했습니다.

 

new 연산자로 만들어진 객체를 인스턴스라고 부릅니다.