자바스크립트 기초 + for in ,for of

이번에 자바스크립트공부를 하며 정리 하여 github에 올려 보았다.

https://github.com/joungheunKim/study.js

GitHub - joungheunKim/study.js

추가로 알게된 것

이번에 자바스크립트 문법을 정리 하면서 for 문에 대해 좀더 깊게 알 수 있게 되었다.

 

for (in) 은 index 의 번호 (객체의 반복에서 사용됨)
for (of) 는 index내의 값 (배열의 반복에서 사용됨)

 

for ( ~ of ) 배열에서 사용됨

let arr = [1, 2, 3];

for (let a of arr) {

  console.log(a); // 1, 2, 3

}

for of는 배열을 순환 할때 사용한다.

index 내의 값을 가져온다 라고 생각한다 a[0] = 1

 

객체에서는 사용할 수 는 없다. (쓸려고 하면 오류가 터진다)

let person = {

    name : "Kim",

    age : 30,

    gender : "male"

};

for (let a of person){

    console.log(a)

}

TypeError: person is not iterable 에러 발생으로 실행되지않는다.

fot ( ~ in ) 객체에서 사용됨

let person = {

    name : "Kim",

    age : 30,

    gender : "male"

};

for (let a in person){

    console.log(a)

}

결과값

name
age
gender

 

let arr = [1, 2, 3];

for (let a in arr) {

  console.log(a); 

}

결과값

0
1
2

배열에서 사용한다면 index의 순서가 출력된다 a의[0]번째