for, for...of, for...in

반복문이란 ? 🤷‍♂️

프로그래밍 언어에서 반복문이란 주어진 횟수만큼 명령을 반복하여 수행하도록 제어하는 실행문이다.

여러 반복문이 있지만 이 글에서는 자주 사용되는 for, for...of, for...in 에 대해 작성하고자 한다.

 

for ♻

for(초기화식; 조건식; 증감식) {
	실행문;
}

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

// console.log(0,1,2,3,4,5,6,7,8,9)

출처: 알잘딱갈센 JavaScript 책

for...in 🚩

const num = {
  one: 1,
  two: 2,
  three: 3,
  four: 4,
  five: 5,
};

for (number in num) {
  console.log(number);
}

// console.log(one,two,three,four,five)

• for in 문은 키값을 출력하는 반복문이다. value값을 출력할 수는 있으나 템플릿 리터럴을 활용해야 하며 이는 가독성이 좋지 않기에 Object메서드인 Object.keys, Object.values 사용을 추천한다.
• ※ 인터넷 익스플로러에는 Object.keys, Object.values 사용이 불가능 하다.

 

for...of 🏴

const test = [1, 2, 3, 4, 5];

for (const el of test) {
  console.log(el + 1);
}

//console.log(2,3,4,5,6)

• for of 는 반복가능한(iterable) 객체에 사용가능하다.
• 예제 처럼 변수를 정하고 변수를 출력하면 차례대로 1,2,3,4,5 순서대로 배열에 접근하여 해당 실행문을 출력한다.
• 일반 for문을 사용해도 되지만,같은 효율성을 가진다 했을때 가독성을 비교해 보자면 for of문을 우선적으로 사용하는것이 좋을것 같다.