for in, for of

for in, for of

1. for in

const obj = { prop1: 'value1', prop2: 'value2', prop3: 'value3' }; for (let prop in obj) { console.log("속성명 ${prop}의 속성값 ${obj[prop]}

"); }

for in 반복문은 수개의 속성으로 이루어진 객체의 각 속성명을 매 루프마다 지정한 변수명(위 코드의 prop)에 전달하는 반복문이다. 위 코드의 경우 다음과 같은 결과를 얻는다.

속성명 prop1의 속성값 value1 속성명 prop2의 속성값 value2 속성명 prop3의 속성값 value3

for in 반복문은 객체뿐 아니라 배열, 문자열에 대해서도 사용 가능하다. 이 경우 배열/문자열의 인덱스값이 0에서부터 배열 마지막 인덱스까지 지정된 변수명에 전달된다. (for(let i=0; i

2. for of

const map_obj = new Map([["엄마", "사과"],["아빠", "배"],["나", "포도"]]); for(let value of map_obj) { console.log("과일 이름: ${value}

"); }

for of 반복문은 내부 원소에 차례로 하나씩 접근 가능(이를 iterable이라 한다)한 내부 객체(사용자가 직접 정의한 객체가 아니라, Array, String, Map, Set 같이 자바스크립트가 자체적으로 지원하는 객체)에 대해 사용 가능한 반복문이다. 내부객체에 대하여 for of 반복문을 사용하면, 매 루프마다 객체의 원소값이 지정된 변수명으로 전달된다. 위 코드는 다음과 같은 결과를 얻는다.

과일 이름: 사과 과일 이름: 배 과일 이름: 포도

from http://lkwks.tistory.com/37 by ccl(A) rewrite - 2021-09-27 08:02:00