Javascript 배열 반복문 (for...of, for...in)

1. for...of

배열안에 있는 값으로 작업을 할 때 사용합니다.

const numbers = [10,20,30,40,50];

for(let number of numbers){
    console.log(number);
}

//출력값
10
20
30
40
50

 

 

2. for...in

객체에 대한 반복적인 작업을 할때 사용합니다.

우선, 객체출력하는것부터 보여드리겠습니다.

const numbers = [10,20,30,40,50];

const doggy = {
    name: '멍멍이',
    sound: '멍멍',
    age: 2
};

console.log(Object.entries(doggy));
console.log(Object.keys(doggy));
console.log(Object.values(doggy));

//출력값
[ [ 'name', '멍멍이' ], [ 'sound', '멍멍' ], [ 'age', 2 ] ]
[ 'name', 'sound', 'age' ]
[ '멍멍이', '멍멍', 2 ]

다음과 같이 필요한 객체 값을 각각, key,value,배열의 형태로 출력할 수 있습니다.

이것과 유사하게 key값만 출력한다든지, value값만 출력한다든지 할때 for...in을 사용하게 됩니다.

const numbers = [10,20,30,40,50];

const doggy = {
    name: '멍멍이',
    sound: '멍멍',
    age: 2
};

for(let key in doggy){
    console.log(key);
}

//출력값
name
sound
age

 

또한 한꺼번에 key값과 value값을 한꺼번에 출력하는 방법도 있습니다.

const numbers = [10,20,30,40,50];

const doggy = {
    name: '멍멍이',
    sound: '멍멍',
    age: 2
};

for(let key in doggy){
    console.log(`${key}: ${doggy[key]}`);
}

//출력값
name: 멍멍이
sound: 멍멍
age: 2