JavaScript/JavaScript

JavaScript 공부하기 06 (object) array - 2

반응형

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

반응형