Javascript - for of, for in 간단 사용 예시 메모

Javascript의 for of, for in의 간단한 사용 예시를 메모합니다.

 

- for of, for in 1 -

const array = [1, 2, 3, 4];
const object = { name: '박똑똑', favoriteFood: '삼겹살', attribute: '불속성' };

//for of는 배열의 각 요소를 순회
for (const element of array) {
	console.log(element);
}

//for in은 객체의 key를 순회
for (const props in object) {
	console.log(`object.${props} = ${object[props]}`);
}

 

상기 소스코드를 실행시키면 다음과 같은 결과를 확인 할 수 있습니다.

 

for of, for in을 배열에 사용하여 같은 결과를 출력 할 수도 있습니다.

하기와 같이 사용합니다.

 

- for of, for in 2 -

const array = ['a', 'b', 'c', 'd'];

//for of는 배열의 각 요소를 순회
for (const element of array) {
	console.log('for of', element);
}

//for in은 객체의 key를 순회
for (let i in array) {
	console.log('for in', array[i]);
}

 

상기 소스코드를 실행시키면 다음과 같은 결과를 확인 할 수 있습니다.