For 반복문, whlie 반복문

kh0520·2022년 6월 10일

1) 학습내용

for 반복문

for반복문은 특정횟수만큼 반복하고 싶을때 사용하는 범용적인 반복문

 for(let i=1; i<10; i++){}

다른반복문과 다르게 반복변수를 let 키워드로 선언함

연습

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        for(let i=0; i<5; i++){
            console.log(`${i}번째 반복입니다.`)
        }
    </script>
</body>
</html>

결과

연습2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
       let output = 0
       for(let= i =1; i<=100; i++){
           output += i
       }
       console.log(`1~100까지 숫자들 모두 더하면 ${output}입니다.`)
    </script>
</body>
</html>

결과

While반복문

if 조건문과 형태가 비슷하지만 한번만 실행하고 끝나는것이 아닌 불표현식이 true면 계속해서 실행된다.

무한반복문 연습

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
      let i = 0
      while(true){
          alert(`${i}번째 반복입니다.`)
          i = i+1
      }
    </script>
</body>
</html>

결과

Break 활용

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
      for(let i =0; true; i++){
          alert(i +'번째 반복문 입니다.')


          const Continue = confirm('계속 하시겠습니까?')
      if(!Continue){
          break
            }
        }

        alert('프로그램 종료')

      
    </script>
</body>
</html>