반응형
Javascript 에는 Object라는것이 존재합니다.
이 Object를 이용하여 Json 파일을 만들 수 있습니다.
let obj = {};
이런식으로 선언하여 배열처럼 사용을할 수 있지만, 약간 차이점이 있습니다.
//array
let array = {1,2,3,4}
//object
let obj = {first : 1 , second : 2 , third : 3 , fourth : 4};
이런식으로 약간의 차이가 있습니다.
let obj = {/*
[Object Name] : [Object Value],
[Object Name] : [Object Value],
[Object Name] : [Object Value]
[Object Name] { //중첩가능
[Object Name] : [Object Value],
[Object Name] : [Object Value]
}
*/}
Object 의 선언방법은 위와 같습니다.
let obj = {
name : "nGyu",
blog : "ngyu.tistory.com",
stack : { // 이런식으로 중첩가능
front : "html / css",
back : "express.js"
},
site : {
width : 1920,
height : 1080
}
};
이 코드를 가지고 설명을 하겠습니다.
console.log(obj);
이렇게 console.log 를 이용하여 로그를 찍어보면 obj 내용이 나오게 됩니다.
이런식으로 모든 내용이 나오게 됩니다.
Object 를 이용하다보면 원하는 부분만 가져오고싶을때가 있는데 아래처럼 [ . ] 을 이용하여 접근을 할 수 있습니다.
console.log(obj.stack);
이런식으로 접근을 해서 가져올 수 있습니다.
obj.stack.front // obj -> stack -> front 에 접근
obj.stack.back // obj -> stack -> back 에 접근
이런식으로 접근이 가능합니다.
소스코드 : github
반응형
'JavaScript > JavaScript' 카테고리의 다른 글
[Javascript / React / Node ] async+await 과 axios - 파일분리 와 코드경량화 (0) | 2021.02.25 |
---|---|
JavaScript 공부하기 05 (조건문, 연산자) (0) | 2020.06.04 |
JavaScript 공부하기 04 (반복문) for, while (0) | 2020.06.04 |
JavaScript 공부하기 03 (배열) array - 1 (0) | 2020.06.04 |
JavaScript 공부하기 02 (엄격모드, 변수) 'use strict' , variable (0) | 2020.06.04 |