06.Javascript Object 이론 정리

 

01. Object 란?

클래스를 이용해서 실제로 데이터를 넣어서 만드는 것.

또한 object는 key : value 로 구성되어있다.

 

object를 생성하는 방법은 2가지가 있다.

const obj1 = {};       
const obj2 = new Object();

{ } 를 이용하여 만드는 오브젝트와, new라는 키워드를 붙여서 class를 이용한 방법이 있다.

 

 

const ant = {name : 'ant', age: 27};

function print(person){
    console.log(person.name);
    console.log(person.age);
}

print(ant);

이와같이 ant라는 object를 만들어 준 후 함수에 적용을 시키면 person에는 object인 ant가 대입이 되면서

ant.name과 ant.age값이 출력이 된다.

 

 

02. Object 활용 방법

그렇다면 여기서 object 중간에 "ant에 직업이 있다." 라는 내용을 추가하고 싶다면

const ant = {name : 'ant', age: 27};

function print(person){
    console.log(person.name);
    console.log(person.age);
}

print(ant);

ant.hasJob = true;

ant.뒤에 hasJob이라는 key를 만들어주고 값을 true로 추가한다.

 

 

만약 object 중간 값을 지워야할 상황이 온다면 앞에서 사용한 방법 앞쪽에 delete라는 키워드를 작성해준다.

const ant = {name : 'ant', age: 27};

function print(person){
    console.log(person.name);
    console.log(person.age);
}

print(ant);

ant.hasJob = true;
delete ant.hasJob;

 

 

object의 key를 표현하는 방법은 2가지이다.

console.log(ant.name);
console.log(ant['name']);

이 두 가지의 차이점은 실시간으로 값을 가져올 때와 아닐 때로 나뉜다.

만약 ant의 key의 값이 실시간으로 연동이 되어서 사용자로부터 값을 입력받아야 나올 때 ant['name']으로 입력을 해준다.