[TIL 10] javascript | 배열과 반복문의 활용

for

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

for each

Array 객체에서 사용가능하다.(ES6부터는 Map, Set 등에서도 지원가능.)
foreach 구문의 인자로 callback 함수를 등록할 수 있고, 배열의 각 요소들이 반복될 때 이 callback 함수가 호출된다. callback 함수에서 배열 요소의 인덱스와 값에 접근할 수 있다.

var arr = ['apple', 'banana', 'orange'];
 
arr.forEach(function(fruit) {
    console.log(fruit);
});

for in

for in 반복문은 객체의 속성들을 반복하여 작업을 수행할 수 있으며 모든 객체에서 사용이 가능하다. 쉽게 객체의 속성을 확인할 수 있기 때문에 실질적으로 디버깅을 위해 사용될 수 있다. 특정 값을 가진 키가 있는지 확인하려는 경우에 사용할 수 있다.

var obj = {a: 1, b: 2, c: 3};

for (const prop in obj) {
  console.log(`obj.${prop} = ${obj[prop]}`);
}

상위의 추가된 값에 대해서도 출력이 된다.

var data = [1,2,undefined,NaN,null,""];
Array.prototype.getIndex = function() {};

for (let idx in data) {
  console.log(data[idx]);
}

결과

for of

for of 반복문은 ES6에 추가된 새로운 컬렉션 전용 반복 구문이다.

var data = [1,2,undefined,NaN,null,""];
Array.prototype.getIndex = function() {};

for (let value of data) {
	console.log(value);
}

결과

string에서도 사용가능하다.

var str = "hello world"

for (let value of str) {
  console.log(value);
}

결과