JavaScript 객체 기본 - 반복문

Deong_gu·2022년 3월 27일
0
post-thumbnail

반복문은 for문과 while문이 있으며, 배열과 객체의 경우를 비교하기 위해 각각 예시를 준비했습니다.

배열 반복문

//배열 반복문
const brandArray = ['nike', 'adidas','samsung','logitech','yonex','apple'];
console.group('array loop');
for(let i =0; i<brandArray.length; i++){
    console.log(brandArray[i]);
}
while(true){
    console.log(brandArray);
    break;
}
let j = 0;
while(j < brandArray.length){
    console.log(j, brandArray[j]);
    j += 1;
}
console.groupEnd('array loop');

객체 반복문

//객체 반복문
const brandObject = {
   IT: 'samsung',
   shoes: 'nike',
   trainning: 'adidas',
   'mouse': 'logetech',
   badminton: 'yonex'
}
console.group('object loop');
for(let key in brandObject){
   console.log(key);//IT shoes trainning mouse badminton
   console.log(key, brandObject.key);// key undefined
   console.log(key, brandObject[key]);// key value *************
   console.log(key, brandObject['key']); // key undefined
   console.log(key, brandObject[`${key}`]);// key value ***********
   console.log(key, brandObject[`${'key'}`]);// key undefined
}
console.groupEnd('object loop');
profile
프론트엔드 개발자가 되기 위해 공부 중입니다.

0개의 댓글