[Javascript-Array] for of 순회하기

Javascript에서 for문을 순회하는 방법에 대해서 알아보자!

 

가장 기본이 되는 for문!

 

var data = [1,2,undefined,NaN,null,""];
for(var i=0; i<data.length; i++){
 console.log(i);
}

이렇게 순회하다보면 

0
1
2
3
4
5

위와 같은 결과가 나온다.

 

다음으로는 foreach문이다.

var data = [1,2,undefined,NaN,null,""];
data.forEach(function(value){
  console.log(value);
});

배열의 함수로 .forEach();문을 사용하여 배열안에 있는 데이터를 순회하면서 출력한다.

1
2
undefined
NaN
null
""

forEach문에 따른 결과창이다.

 

배열의 함수를 이용하지 않고 순회하여 출력하는 방법

var data = [1,2,undefined,null,""];
for(let value of data){
console.log(value);
}

그에 따른 결과와 

1
2
undefined
null
""

String의 split을 이용하지 않고도 문자열을 하나씩 출력할 수 있는 방법이 있다.

var str = "hello world!";
for(let value of str){
  console.log(value);
}

바로 for of를 사용하는 방법이다. for of 명령문은 반복가능한 객체 (Array, Map, Set, TypedArray,Aruments 객체등을 포함)에 대해서 반복하고 각 개별 속성값에 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루푸를 생성합니다.

"h"
"e"
"l"
"l"
"o"
" "
"w"
"o"
"r"
"l"
"d"
"!"

위 코드에 따른 결과문은 다음과 같이 나오게 됩니다.

 

이렇게 자바스크립트의 for 순회에 대해서 알아봤습니다.