반응형
객체 안의 객체를 가져 오는 방법은 여러가지가 있다
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'
반응형
'Dev > JS' 카테고리의 다른 글
사이즈 설정 정리 (0) | 2021.06.25 |
---|---|
getElementsByClassName, querySelectorAll 차이점! (0) | 2021.03.16 |
JavaScript - 쿠키를 사용해보자! (0) | 2021.02.15 |
쿠키(Cookie), 세션(Session), 캐시(Cache) 정리! (0) | 2021.02.15 |
JavaScript로 Excel export 구현하기! (4) | 2021.01.18 |