[Javascript] 반복문

여정이·2023년 7월 13일

자바스크립트

목록 보기
7/8
post-thumbnail

스파르타 코딩강의 : JavaScript 문법 종합반 1주차 - 반복문


✨ 이번 글에서 사용할 주요 기능

  • 반복문 for / while의 개념 익히고 사용법 알아보기
  • continue / break 활용해보기

for

기본 형태

조건값을 만족하는 동안 for문 안의 내용을 반복하여 실행한다. 한 사이클이 변할 때 마다 초기값에 증감식을 적용한다.

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

ex.

//i가 0부터 시작
//i가 10보다 작은 값을 가질때까지
//한 사이클을 돌 때마다 i의 값이 1씩 증가한다
for(let i=0; i<10;i++){
    console.log(i)
}

실행 결과

for문 활용하기

//배열과 for문
const arr = [1, 2, 3, 4, 5]
for(let i=0;i<arr.length;i++){
    console.log("i값 : ", i, "   arr의 i번째 값 : ", arr[i])
}

//0부터 10까지의 수 중에서 2의 배수만 console.log로 출력하기
for(let i=0;i<=10;i++){
    if(i%2 ===0 && i>=2){
        console.log(i)
    }
}

//for ~in문
//객체의 속성을 출력하는 문법
let person = {
    name : "John",
    age : 30,
    gender : "male"
}

for(let key in person){
    console.log(key + " : ", person[key])
}

실행 결과


while

기본 형태

조건값을 만족하는 동안 while문 안의 내용을 반복하여 실행한다. 한 사이클이 변할 때 마다 초기값에 증감식을 적용한다. 이 때 while문을 무한으로 실행하는 무한루프에 빠지지 않도록 주의한다.

초기값
while(조건값){
	실행 코드
    증감식
}

ex.

//while
let i=0

while(i<10){
    console.log(i)
    i++
}

실행 결과

while문 활용하기

//while문을 활용하여 3초과 100 미만의 숫자 중 5의 배수만 출력하기
let x = 4

while(3<x && x<100){
    if(x%5 ===0){
        console.log(x)
    }
    x++
}

//while문에서 무한루프에 빠지지 않도록 조심하기!

//do-while : 일단 한 번 실행하고 while문으로 들어가기
let y = 0
do {
    console.log(y)
    y++
} while(y<10){
    console.log("while문에 진입했습니다")
    y++
}

실행 결과


continue/break

  • continue : 반복문을 실행하다 continue를 만나면 해당 사이클의 반복문을 종료하고 증감식을 1회 적용한다. 이후 다음 사이클의 반복문을 실행한다.
  • break : 코드를 실행하다 break를 만나면 반복문을 종료하고 해당 반복문 바깥으로 빠져나간다.

continue와 break 활용하기

//break, continue
for(let z = 0;z<10;z++){
    if(z ===3){
        continue;
    }
    console.log(z)

    if(z ===5){
        break;
    }
}

출력 결과

0개의 댓글