반복문

반복문이란

• 반복적인 일을 수행해야 할 때 사용
• 반복적인 코드의 양을 압축하고, 반복적인 일의 수행을 효율적으로 처리 가능
  ex) for문, while문

for문

for ( 초기식 ; 조건식 ; 증감식 ) {
	// 반복 실행 코드
}

// 메커니즘
초기식에 따라 변수 선언 
-> 변수가 조건식의 조건에 해당되는지 확인 -> 반복코드 실행 -> 증감식에 따라 변수 증감
-> 변수가 조건식의 조건에 해당되는지 확인 -> 반복코드 실행 -> 증감식에 따라 변수 증감
...
변수가 조건식의 조건에 해당되지 않으면 반복코드 실행 X + 반복 종료

const classmates = ["철수", "영희", "훈이", "민수", "민지"]
for(let i = 0; i <= 4; i++){
	console.log(classmates[i] + "어린이")
}

// 결과
// 철수어린이
// 영희어린이
// 훈이어린이
// 민수어린이
// 민지어린이

• 초기식 : let i = 0 (변수의 선언)
• 조건식 : i < 10 (반복 조건이 맞는지 검증)
• 증감식 : i++ / i-- (변수의 증가/감소)

while문

최초식
while(조건식){
	// 반복 실행 코드
    증감식
}

// 메커니즘
초기식에 따라 변수 선언 
-> 변수가 조건식의 조건에 해당되는지 확인 -> 반복코드 실행 -> 증감식에 따라 변수 증감
-> 변수가 조건식의 조건에 해당되는지 확인 -> 반복코드 실행 -> 증감식에 따라 변수 증감
...
변수가 조건식의 조건에 해당되지 않으면 반복코드 실행 X + 반복 종료

• 초기식 : let i = 0 (변수의 선언)
• 조건식 : i < 10 (반복 조건이 맞는지 검증)
• 증감식 : i++ / i-- (변수의 증가/감소)

📌 while문은 종료조건을 제대로 설정하지 않으면 무한반복됨

for-of

배열에 주로 사용하며, 배열의 모든 요소에 돌아가며 한 번씩 접근

const arr = [1, 2, 3, 4, 5]

for(let el of arr){
	console.log(el)
}

// 결과
// 1
// 2
// 3
// 4
// 5

for-in

객체에 주로 사용
객체의 모든 property에 돌아가며 한 번씩 접근하여 원하는 값을 도출

const obj = {
	name : "otter",
    gender : "male"
}

for(let key in obj){
	console.log(key)
}

// 결과
// name
// gender

setInterval

소괄호 안에 넣어준 함수(function)를 지정한 시간(time)마다 반복해서 실행

setInterval(function(), time)

clearInterval

setInterval()을 통해 생성된 interval을 종료시킴
setInterval()은 실행될 때마다 고유의 id 값을 반환함 (1부터 시작하여 1,2,3...)
-> 해당 아이디를 체크하여 clearInterval()을 실행할 때, 소괄호에 아이디를 넣고 실행하면 반복 실행되던 interval이 종료됨

clearInterval(intervalID)