# 04. for문의 종류 (javaScript)

🙄 다양한 for문에 대해서 알아보자.

# ✨ 일반 for문

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

1
2
undefined
null
""

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

1
2
undefined
null
""

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

1
2
undefined
null
""

WARNING

for In문의 경우, 다음과 같은 상황이 발생할 수 있다.

let data = [1, 2, undefined, null, ""];
Array.prototype.getIndex = function(){}; // 권장하는 타입은 아님.

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

1
2
undefined
null
""
function(){}

그래서 하단에 나오는 for of 문을 권장함

let data = [1, 2, undefined, null, ""];
Array.prototype.getIndex = function(){}; // 권장하는 타입은 아님.

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

1
2
undefined
null
""

스트링을 아래와 같이 분해할 수 있다!

let str = "hello world!";

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

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