[javascript] for of / for in

for of

반복가능한 객체의 값을 하나씩 꺼내주는 반복문이다
자바의 for each문과 유사함

사용예제 -
const persons = ['강승현', '홍길동', '김아무개'];

for (const person of persons) {
console.log(person);
}

// Print: '강승현'
// '홍길동'
// '김아무개'

위 예제는 persons 배열의 값들을 하나씩 꺼내어 person에 넣어준다
person 의 변수타입이 const로 되어 있어 오류가 발생하지 않을까 했는데
반복문의 조건문에 선언되어 하나의 조건문이 완료 되었을때 변수가 사라지므로
반복적으로 선언 가능한(재할당은아님)듯 하다

for in

for...of 문과 유사하게 객체의 요소를 반복해주지만, 선언한 변수에 값이 직접 들어가지 않고 요소의 key를 전달한다

사용예제 -
const persons = ['강승현', '홍길동', '김아무개'];

for (const person in persons) {
console.log(person);
}

// Print: 0
// 1
// 2

위의 예제코드 실행시 for of와 같이 persons배열의 값을 하나씩 person에 넣어줄줄 알았지만
각 value들의 key (index) 값을 person에 넣어 주었다
key값이 설정되어 있지 않지만 배열에서의 value들의 key값은 index번호가 자동으로 지정되는 듯 함

**(Object는 반복 가능한 객체에 해당하지 않음)