⭐Javascript 반복문 (forof, forin, for)

📕반복문

배열 등과 함께 사용하는 반복문

forof, forin

범용적으로 사용하는 반복문

for

📗forof

형태

for (const iterator of object) {
	
}

📘forin

형태

for (const key in object){
	if(Object.hasOwnProperty.call(object, key)){ 
    	const element = object[key]
    } // if 부분은 클래스와 객체를 배울 때 나오는 내용
}

반복문의 헤더 - { } 앞의 for() 부분

반복문의 본문 - { } 내부의 부분

예제

const 배열 = [1, 2, 3]

for (const 요소 of 배열) { //iterator는 반복문 내부에서 요소, 인덱스로 사용할 변수(반복 변수)
	console.log(요소) // 1. 배열의 요소 개수만큼 반복이 일어난다
}

-> 1 - 2 - 3 출력

for (const 인덱스 in 배열){
	console.log(인덱스, 배열[인덱스]
    // 2. 각각의 반복에서 반복 변수에 요소나 인덱스가 하나씩 들어간다
    // forof는 요소(값)가 들어가고, forin은 인덱스가 들어간다
}

-> 0 1 - 1 2 - 2 3 출력

📙for 반복문

형태

for(let index = 0; index < array.length; index++){
	const element = array[index]
}

헤더를 살펴보면 ;을 이용해 3부분으로 나뉜것을 볼 수 있다

간단하게 설명하면 for( 어디부터; 어디까지; 몇 씩 증가 ) 이다

let index = 0 을 하여 index 변수를 선언한다

index < array.length 는 배열의 길이가 3이라고 가정하면 인덱스는 0 ~ 2이다

그러므로 저 코드는 배열의 길이만큼 을 의미한다

저렇게 하지 않고 특정한 숫자를 정해서 작성해도 된다 // index < 5

index++ 부분은 index 증가, 감소치를 결정하는 것인데 현재는 1씩 올라가는 것이다

활용

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

for( let i = 0; i < 5; i += 2){
	console.log(i)
}
-> 0 - 2 - 4

for( let i = 5; i > 0; i--){
	console.log(i)
}
-> 5 - 4 - 3 - 2 - 1