Javascript (자바스크립트) - 객체

객체 또한 자바스크립트에서 많이 사용되는 데이터 타입이다.

 

1. 객체의 형태

형태는

객체 = {
   속성1 : 값1,
   속성2 : 값2
}

의 형태를 갖고있다.

 

객체에 일반적인 값만 있을 경우

해당 속성을 그냥 속성, 혹은 프로퍼티라 부르고

 

객체의 속성에 함수가 들어가 있으면

그 속성은 메서드(method)라 부른다.

객체 = {
   속성(프로퍼티) : 값1,
   속성(메서드) : function(){} // 함수
}


var str = "안녕하새우";
str.length  // 문자열에서 length라는 속성의 값을 가져오는 프로퍼티
str.repeat() // 문자열에서 str에 있는 값을 반복하는 함수, 즉 메서드

 

 

2. 객체 만들기

일반적으로 객체를 만들 때는

var object = {};
var object2 = new Object();

위와 같이 {} 중괄호만 사용하여 객체를 생성하거나 (리터럴 방식)

new Object() 처럼 new 키워드를 통해 객체를 만들 수도 있다.

 

var student = {
   이름 : "박새로이",
   나이 : 45,
   키 : 235
}

그리고 위와 같이 처음 객체를 만들 때

바로 객체에 해당하는 값을 넣고 만들 수 있다.

 

3. 객체에 접근 방법

만들어진 객체에 접근을 하기 위해서는

크게 2가지 방법이 있다.

 

- .(점)을 이용한 접근

- [] 대괄호를 이용한 접근

 

이 2가지 방법의 차이는

변수를 넣을 수 있느냐 없느냐의 차이를 갖고 있다.

 

var student = {
   이름 : "박새로이",
   나이 : 45,
   키 : 235
}

예를 들어 위와 같은 student라는 객체가 있다고 했을 때,
해당 객체에 접근을 하기 위해서는

student.이름 
// or
student["이름"] 

 

의 방법으로 이름이라는 속성에 접근을 할 수 있는데

나이 라는 속성의 name을 변수로 만든다는 가정을 했을 때,

var 값 = "나이"; 

student.값   // 아무 값도 호출할 수 없다. 
student[값]  // student["나이"]로 변수값이 적용되어 값 45를 가져온다.

 

객체를 사용할 때 주로 .(점)을 사용하지만

 

위와 같이 변수를 가져와 특정 값을 가져와야 할 경우

[] 대괄호도 사용한다.

 

그리고 객체에 접근하여 객체에 저장된 값을 수정할 수도 있다.

var student = {
   이름 : "박새로이",
   나이 : 45,
   키 : 235
}

student.이름 = "벽세로이"

// console.log(student);
// {이름 : "벽세로이", 나이 : 45, 키 : 235}

 

4. 객체에 값 넣고 빼기

이미 만들어진 객체에 값을 넣기 위해서는

var student = {
   이름 : "박새로이",
   나이 : 45,
   키 : 235
}

student.주소 = "이태원";

// console.log(student);
// 출력값 : {이름 : "박새로이", 나이 : 45, 키 : 235, 주소 : "이태원"}

위와 같은 방법으로 객체명.속성 = 값 을

입력해주면 원하는 값을 원하는 객체에 넣을 수 있다.

 

반대로 넣었던 값을 빼기 위해서는 delete 연산자를 사용해서 원하는 속성과 값을 제거할 수 있다.

var student = {
   이름 : "박새로이",
   나이 : 45,
   키 : 235
}

delete student.키;

// console.log(student);
// 출력값 : {이름 : "박새로이", 나이 : 45}