Javascript 헷갈리는 for문 4종류

 

javascript는 for문이 왜이리많은지 어떤걸써야하는지 까먹을때가 있다.

 

 

for 문

기본 for문

 

장점

가장 빠르다

모든 자료형에 대해 사용이 가능하다

continue, break 사용이 가능하다

변수 활용이 가능하다

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

 

---

 

for in 문

객체를 순회할때 사용한다.

 

장점

객체에 접근할 수 있다.

객체 디버깅을 위해 사용될 수 있다. 

 

단점

continue, break 사용이 가능하지만 루프를 완전히 중단하는 것은 아니다.

제일 속도가 느리다

 

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}

 

---

 

for of 문

배열, 문자열, map, set 을 순회한다.

 

장점

성능면에서 준수하다.

continue, break문 사용이 가능하다.

 

Array

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

 

String

let iterable = "boo";

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

 

Map

let iterable = new Map([
  ["a", 1],
  ["b", 2],
  ["c", 3],
]);

for (let [key, value] of iterable) {
  console.log(value);
}

 

---

 

foreach 문

 

장점

성능면에서 준수하다.

간결하다.

 

단점

continue, break 사용이 불가하다.

 

const array1 = ['a', 'b', 'c'];

array1.forEach((element) => console.log(element));