[JavaScript] for 문, for in 문, for of 문 알아보기

for 문, for in 문, for of 문 알아보기 

 

for 문 

흔히 사용하는 for 문법은 초기식, 표현식, 증감식이 포함되어 있다. 

for(var i = 0 ; i < 10 ; i++) {
	console.log(i);
}

쉼표 연산자(,) 를 통하여 여러 개의 초기식과 증감식을 동시에 사용할 수 있다. 

 

 

for in 문 

일반적으로 사용하던 for 문과는 다른 반복문이라고 할 수 있다.

for in 문은 해당 객체의 모든 열거할 수 있는 프로퍼티(enumerable properties) 를 순회할 수 있도록 해준다. 

열거할 수 있는 프로퍼티란, enumerable 태그가 true 로 설정되어있는 것을 의미한다.

var arr = [1, 2, NaN, undefined, null, ""];
Array.prototype.getIndex = function() {}
for(let idx in arr) {
  console.log(arr[idx]);
}
// 1 
// 2 
// NaN 
// undeifend
// null
// ""
// function() {}

오브젝트에서 자기 자신이 가지고 있는 객체 이외에 프로토타입 객체를 사용해서 상위에 추가된 객체가 있는 경우

 해당 내용도 같이 출력되기 때문에 배열일 경우 for in 문은 주의해야 한다. 

 

 

for of 문 

반복할 수 있는 객체(iterable object)들을 순회할 수 있도록 해주는 반복문이다. 

JavaScript 에서 반복할 수 있는 객체는 Array, Map, Set, arguments 객체 등이 있다. for of 문은 IE에서는 지원이 되지 않는다는 것을 유의해야 한다.

var arr = [1, 2, NaN, undefined, null, ""];
Array.prototype.getIndex = function() {}
for(let value of arr) {
  console.log(value);
}
// 1
// 2
// NaN
// undefined
// null
// ""