[자바스크립트] for 반복문

for in 반복문 ⚠️

배열과 함께 사용 가능하다
배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다

for (const 반복변수 in 배열/객체 {
  반복변수가 포함된 실행할 문장
}
const todos = ['아침 운동', '어린이집 등원', '도서관 출석']
for (const i in todos) {
  console.log(`${i}번째 할 일 : ${todos[i]}`)
}

/* 
==실행 결과==
0번째 할 일 : 아침 운동
1번째 할 일 : 어린이집 등원
2번째 할 일 : 도서관 출석
*/

for 반복문의 반복변수에는 요소의 인덱스가 들어온다
이를 활용해서 배열 요소에 접근할 수 있다

for in 반복문은 구문 자체로 코드의 양이 어느 정도 있어서코드를 하나하나 입력하는 것이 힘들 수 있기 때문에코드 블럭 (자동완성) 을 사용하면 좋다

for in 반복문은 이러한 코드를 추가해서 사용해야 안정적 예상에서 벗어나지 않는 형태 으로 쓸 수 있는 조금 위험한 반복문이다
가장 기초적인 반복문이긴 하지만 활용하지 않는 것이 좋다

for of 반복문 : 배열과 함께 활용

for in 반복문에는 반복 변수에 인덱스가 들어가기 때문에 반복문 내부에 요소를 사용하려면 datas[i]의 형태로 접근해서 사용하는데
안정성을 위해 몇 가지 코드를 더 추가해서 for of 반복문 형태로 활용할 수 있다

for (const 반복변수 of 배열/객체) {
  실행할 문장
}

이 때, 반복변수에는 for in 반복문과 다르게 반복 변수에 요소의 값이 들어간다

const todos = ['아침 운동', '어린이집 등원', '도서관 출석']
for (const todo of todos) {
  console.log(`${todos.indexOf(todo)}번째 할 일: ${todo}`)
}

/*
==실행결과==
0번째 할 일: 아침 운동
1번째 할 일: 어린이집 등원
2번째 할 일: 도서관 출석
*/

for 반복문 : 원하는 횟수만큼 반복

특정 횟수만큼 반복하고 싶을 때 사용한다

let output = 0 // 초깃값 설정
for (let i = 1; 1 <= 100; i++) {
  output += i
  console.log(`${i}까지의 숫자의 합은 ${output}입니다.`)
}
console.log(`1~100까지 숫자를 모두 더하면 ${output}입니다.`)

배열과 같이 사용하는 경우 : length

const todos = ['아침 운동', '어린이집 등원', '도서관 출석']
for (let i = 0; i < todos.length; i++) {
	console.log(`${i}번째 할 일 :${todos[i]}`)
}
/*
==실행결과==
0번째 할 일: 아침 운동
1번째 할 일: 어린이집 등원
2번째 할 일: 도서관 출석
*/


for (let i = todos.length - 1; i >= 0; i--) { // 배열의 마지막 요소로부터 0까지 하나씩 배면서 반복
	console.log(`${i}번째 할 일 :${todos[i]}`)
}
/*
==실행결과==
2번째 할 일: 도서관 출석
1번째 할 일: 어린이집 등원
0번째 할 일: 아침 운동
*/

좋은 웹페이지 즐겨찾기