[JS] 9-1. 객체

✅객체란 ?

자바스크립트(Javascript)내에 존재하는 타입 중에 하나이며 자바스크립트(Javascript)를 이루고 있는 거의 모든 것은 객체이다. 객체는 기본적으로 key과 value의 쌍으로 구성된 여러 프로퍼티를 하나의 변수에 저장할 수 있도록 하는 데이터 타입을 말한다. 

 

 

예를 들어 "만두"라는 객체가 있다고 가정하고

만두의 프로퍼티 1)mandoooo.name = "만두"

만두의 프로퍼티 2)mandoooo.age = 21

만두의 프로퍼티 3)mandoooo.job = "학생"

 

 

이를 코드로 구현하면 다음과 같다.

let mandoooo = { name : "만두", age : 21, job : "학생" }

이렇게 객체는 중괄호 안에 key와 value값을 적어 구현할 수 있다.

 

 

➰객체의 프로퍼티 참조

객체로 선언된 변수의 프로퍼티를 참조하는 방법은 2가지가 있다.

let mandoooo = { name : "만두", age : 21, job : "학생" }

mandoooo.name // 만두
mandoooo["name"] // 만두

위와 같이 객체이름.프로퍼티이름, 객체이름["프로퍼티이름"] 으로 접근할 수 있다.

 

 

➰객체의 프로퍼티 추가

객체로 선언된 변수에 프로퍼티를 추가하는 방법은 다음과 같다.

let mandoooo = { name : "만두", age : 21, job : "학생" }

mandoooo.id = 20202020;

위와 같이 객체를 참조하는 방식으로 새로운 프로퍼티를 추가할 수도 있다. 위의 코드에서는 id라는 key값에 20202020이라는 value값이 쌍을 이룬 프로퍼티가 추가되었다.

 

 

➰객체의 프로퍼티 삭제

객체로 선언된 변수에 프로퍼티를 삭제하는 방법은 다음과 같다.

let mandoooo = { name : "만두", age : 21, job : "학생" }

delete mandoooo.name;

위와 같이 delete키워드를 사용하여 해당 프로퍼티를 삭제할 수 있다. 위의 코드에서는 name프로퍼티가 삭제되었다.

 

 

➰객체 메소드

함수를 통해 객체를 생성하는 방법도 있다. 예시는 아래와 같다.

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

let man = new Mandoooo("만두", 21, "학생");

Mandoooo라는 함수는 name, age,  job라는 값을 매개변수로 받는다. 아래의 this.name = name; 코드는 Mandoooo라는 함수의 name변수의 값을 매개변수로 넘어온 name으로 설정하겠다는 뜻이다. new키워드를 붙이면 새로운 객체를 만들 수 있고 이 때 사용된 함수는 생성자 함수가 된다.