본문 바로가기
Javascript & Typescript

JS - Object

by 이곳느 2020. 7. 21.
반응형

Array와 Object의 차이

Object에는 각 value의 이름을 정의할 수 있음

Javascript Object Type

const YunMininfo = {
    name:"YunMin",
    age:25,
    gender:"Male",
    isHandsome:true
}

console.log(YunMininfo.gender);
YunMininfo.gender = "Female";
console.log(YunMininfo.gender);

YunMininfo 라는 변수를 만든다. Array와의 차이점은 이름을 정의할 수 있는데, 위 코드를 보면

name : "YunMin" 같은 형식으로 지정할 수 있다.

'YunMininfo.name' 같이 접근하는 방법은 '.' 을 이용해서 접근한다. 

Object와 Array의 혼용

const YunMininfo = {
    name: "YunMin",
    age: 25,
    gender: "Male",
    isHandsome: true,
// 배열도 멤버가 됨
    favMovies: ["Along the gods", "LOTR", "Oldboy"],
// 배열의 값으로 Object를 삽입
    favFood: [
        {
            name: "Kimchi",
            fatty: false
        },
        {
            name: "Cheeseburger", fatty: true
        }
        ]
}

console.log(YunMininfo);
YunMininfo.gender = "Female";
console.log(YunMininfo.gender);

 

반응형

'Javascript & Typescript' 카테고리의 다른 글

[Typescript] any 타입을 가능한 좁은 범위에서 사용하기  (0) 2022.01.07
JS Garbage Collection  (0) 2022.01.02
JS - Function  (0) 2020.07.21
프레임워크란?  (0) 2020.03.26