자바스크립트 반복문
종류
- for 문
- for...in 문
- for…of 문
- forEach()
- while 문
- do…while 문
for 문
문법: for ( [초기문]; [조건문]; [증감문] ) {반복 코드}
변수 선언 시, const 를 쓰면 값 변경이 불가 하여 let 사용해야 한다.
for (let i = 0; i < 10; i++){
console.log(`Num ${i}`); // Num 0 ~ Num 9까지 출력
}
for…in 문
문법 : for( const key in 객체 ) {반복 코드}
const obj = {
id: '1',
user: 'Mia'
}
for (const key in obj){
console.log(`${key} : ${obj[key]}`);
}
// 결과
// "id : 1"
// "user : Mia"
for…of 문
문법 : for( const item of 이터러블 ) {반복 코드}
const array = [1, 2, 3];
for (const item of array){
console.log(item);
}
// 결과
// 1
// 2
// 3
forEach()
문법 : 배열.forEach( function(value, index, array) {반복 코드} )
첫 번째 value : 요소 값 / index : index 번호 / array : 원본 배열
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
console.log(number);
});
numbers.forEach(number => console.log(number));
while 문
문법 : while( 조건식 ) {반복 코드}
let num = 0;
while(num < 5){
console.log(num); // 0 ~ 4 까지 출력
num++;
}
do…while 문
문법 : do{반복 코드} while(조건식);
let num = 0;
do {
console.log(num); // 0 ~ 2 까지 출력
num++;
} while (num < 3);
참고
'Javascript' 카테고리의 다른 글
현재 달 1일과 마지막일 구하기 (0) | 2024.08.25 |
---|---|
switch (0) | 2024.08.25 |
Promise와 axios, fetch (0) | 2024.08.24 |
배열에 특정 값이 포함되어 있는지 확인 (0) | 2024.08.24 |
타이머 함수 - setTimeout(), setInterval() (0) | 2024.08.24 |