[JS]for문의 종류

1. for 문

for 문은 조건문이 거짓으로 판별될 때까지 반복한다.

for 문 기본 구조

for (변수 선언문; 조건문; 증감문) {
	//조건문이 참인 경우 실행할 코드 
}

for 문 사용 예

for (let i = 0; i < 5; i++) {
	console.log(i);				//0, 1, 2, 3, 4
}

2. for...of 문

for...of 문은 반복 가능한 객체(ex. Array, String)를 대상으로 반복한다.

for...of 문 기본 구조

for (변수 선언문 of 객체) {
	//조건문이 참인 경우 실행할 코드
}

for...of 문 사용 예

const arr = [1, 2, 3];
for (let i of arr) {
  console.log(i);		 //1, 2, 3 	-->  값 출력(기본)
}

3. for...in 문

for...in 문은 객체에서 열거 가능한 모든 속성을 대상으로 반복한다.

for...in 문 기본 구조

for (변수 선언문 in 객체) {
	//조건문이 참인 경우 실행할 코드
}

for...in 문 사용 예

let obj = {name: 'john', age: 10};
for (let i in obj) {
	console.log(i);			  //name, age 	-->  키 출력(기본)
    console.log(obj[i]);	  //john, 10	-->  값 출력
}

4. forEach 문

forEach 문은 배열을 대상으로 배열의 크기(length)만큼 반복한다.

forEach 문 사용 예

const arr = [1, 2, 3];
arr.forEach(i => console.log(i));		//1, 2, 3

❓유사한 for...of 문과 for...in 문 중 무엇을 사용해야할까?

for 문을 적용하는 대상에 따라 for...of 문과 for...in 문의 사용 여부가 결정된다.
배열에는 for...of 문을 사용하는 것이 적합하고
키와 값을 가지는 객체에는 for...in 문을 사용하는 것이 적합하다.