본문 바로가기

Dev/JS

객체 안의 객체 가져오는 법!

반응형

객체 안의 객체를 가져 오는 방법은 여러가지가 있다

var clickCheck = {
  'l1' : '노란기',
  'r1' : '붉은기',
  'l2' : '쉽게탄다',
  'r2' : '빨갛게 익는다',
  'l3' : '브라운',
  'r3' : '블랙',
  'l4' : '초록색',
  'r4' : '파란색',
  'l5' : '밝은 갈색계열',
  'r5' : '짙은갈색 혹은 검정',
  'l6' : '봄 웜톤',
  'r6' : '가을 웜톤',
  'l7' : '여름 쿨톤',
  'r7' : '겨울 쿨톤',
}

// 이렇게 객체가 있을 때,

console.log(answer[1])로 가져올 수 있다!
// []는 배열만 가져오는 줄 알았는데 신기방기..

// 다른 방법..
console.log(answer['l1']);
// 더 여러가지가 있겠지 찾아보자 ..

// 주의할 점은 객체[key] 값으로 넣어야 배열과 구별이 가능하니
// 왠만하면 [number]로 객체를 불러오지는 말자!!

객체를 answer[1]로 가져올 수 있는 줄 알았는데 아닌거 같다 ..?

뭐지 찾아봐야겠다..

 

 

객체로 풀려고 하는 것 보다는 배열로 푸는 것이 훨씬 편하니 배열로 만드는 방법도 생각 해보자!

// 배열로 만드는 방법은 여러가지가 있으니 꼭 찾아 봐!


console.log(Object.entries(answer));

 

 

 

 


 

for ...in을 사용해서 객체의 key, value 가져오기

key값만 가져오기

let myObj = {
  a : 'obj1',
  b : 'obj2',
  c : 'obj3',
  d : 'obj4',
  e : 'obj5'
}

for(var obj in myObj) {
  console.log(obj);
};

// result: a, b, c, d, e

 

 

key값과 value 값 가져오기

let myObj = {
  a : 'obj1',
  b : 'obj2',
  c : 'obj3',
  d : 'obj4',
  e : 'obj5'
}

for(var obj in myObj) {
  console.log(obj + " : " + myObject[obj]);
}

// result: a : 'obj1'
// result: b : 'obj2'
// result: c : 'obj3'
// result: d : 'obj4'
// result: e : 'obj5'

 

반응형