[자바스크립트] 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번째 할 일: 아침 운동
*/
Author And Source
이 문제에 관하여([자바스크립트] for 반복문), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@beanlove97/자바스크립트-for-반복문-95p4fs0i저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)