자바스크립트 객체 자료형

 

자바스크립트는 기본 자료형 이외에 객체 자료형을 제공한다.
자바스크립트에서 객체란, 키 와 값으로 이루어진 자료형이라고 할수 있다.
예를 들어보자. 기본 자료형의 경우

const name = "Sam";

const age  = 20;

나이와 이름을 각각 변수에 저장해야 된다. Sam 의 나이가 20살인지 엮어서는 알 수 없다.
하지만 객체를 사용하면 하기 처럼 정의 와 선언이 가능하며, Sam 의 나이가 20살임을 알 수가 있다. 

const person = {

    name : "Sam",

    age : 20

};

객체 내부 속성들은 키:값 으로 구성되어 진다. 내부 속성에는 모든 자료형이 올 수 있다.
이렇게 객체를 만드는 방식을 "객체 리터럴" 이라고 말한다.

객체를 리터럴 방식으로 만들었으니, 이제 객체의 값을 가지고 와보자.

1. 객체 값 가지고 오기.

person 이란 객체를 만들었으니 이제 여기서 이름과 나이를 가지고 오자.

값을 가지고 오기위해서 키를 활용한다.

    //객체 리터럴로 객체를 생성함.

    const person ={

      name : "Sam",

      age : 20,

    }

    console.log(person.name);

    console.log(person["age"]);

키를 활용하는 방법은 두가지가 있다.

객체명.키 

객체명["키"] 

2. 함수와 배열, 객체 등의 값도 가져올수 있다.

객체의 속성에 배열,함수 그리고 객체를 추가해본다.

 const person ={

      name : "Sam",

      age : 20,

      ps : [123, 345, 678], //배열

      num : function(){ //메서드(함수)

        return this.name;

      },

     

      house :{ // 객체

        country : "korea",

        city: "seoul",        

      }    

    }

추가된 속성 역시 동일한 방식으로 접근이 가능하다.

  console.log(person.ps[0]);

    console.log(person["ps"][0]);

    console.log(person.num());

    console.log(person["num"]());

    console.log(person.house.country);

    console.log(person["house"]["country"]);

[] 와 . 을 활용한다.

객체는 다양한 속성값을 하나의 묶음 형태로 관리 할 수 있는 자료형이다

다음 포스팅에서는 해당 객체에 값을 지우거나 추가하는 방법을

알아본다