본문 바로가기
프로그래밍/JavaScript

Javascript 루프문 정리(4) while문

by 꾸션 2023. 3. 6.

while 루프문은 자바스크립트에서 반복 실행되는 코드 블록을 만들 때 사용되는 루프문 중 하나입니다. 조건식이 참일 동안 코드 블록이 실행되며, 조건식이 거짓이 될 때까지 반복됩니다. 초기식과 증감식이 필요하지 않으며, 반복 횟수를 미리 알 수 없는 경우에 주로 사용됩니다. 아래는 while 루프문의 구조와 사용 방법에 대한 설명입니다.

while 루프문의 구조

while (조건식) {
  // 반복 실행할 코드 블록
}
  • 조건식: 반복문이 실행될 때마다 검사되는 조건입니다. 조건식이 참일 경우 코드 블록이 실행됩니다.

while 루프문의 사용 방법

특정 조건이 참일 때까지 반복 실행하는 경우:

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}
// 0, 1, 2, 3, 4
  • 초기식을 사용하여 반복문에서 사용되는 카운터 변수 i를 초기화하고, 조건식(i < 5)이 참일 동안 반복 실행하며, i 변수를 1씩 증가시킵니다.

사용자 입력이 들어올 때까지 반복 실행하는 경우:

let userInput = '';
while (userInput !== 'quit') {
  userInput = prompt('Type "quit" to exit');
  console.log(userInput);
}
// (prompt 창이 나타나며, 사용자 입력이 들어올 때까지 반복 실행)
  • 조건식(userInput !== 'quit')이 참일 동안 반복 실행하며, prompt() 함수를 사용하여 사용자 입력을 받습니다.

while 루프문은 초기식, 조건식, 증감식을 사용하지 않기 때문에 반복 횟수를 미리 알 수 없는 경우에 주로 사용됩니다. 단, 조건식이 항상 참이면 무한 루프에 빠지기 때문에 조건식이 거짓이 되는 경우를 반드시 고려해야 합니다.

Javascript 루프문 정리(0) 개요

자바스크립트에는 여러 가지 유형의 루프(loop)가 있습니다. 이들 루프문은 반복적으로 실행되는 코드 블록을 만들어주며, 각각의 루프문은 다양한 용도로 사용됩니다. 아래는 자바스크립트의

ccusean.tistory.com

Javascript 루프문 정리(1) for문

for 루프문은 자바스크립트에서 가장 일반적으로 사용되는 루프문 중 하나입니다. 초기식, 조건식, 증감식을 이용하여 반복문 실행 횟수를 제어합니다. 아래는 for 루프문의 구조와 사용 방법에

ccusean.tistory.com

Javascript 루프문 정리(2) for...in문

for...in 루프문은 자바스크립트에서 객체의 속성들을 반복하며 접근할 때 사용됩니다. 이 루프문은 객체의 속성들을 반복하며 각 속성 이름을 변수에 할당합니다. 아래는 for...in 루프문의 구조와

ccusean.tistory.com

Javascript 루프문 정리(3) for...of문

for...of 루프문은 자바스크립트에서 이터러블(iterable) 객체(배열, 문자열, 맵, 셋 등)를 반복하며 각 요소에 접근할 때 사용됩니다. 이 루프문은 배열 뿐만 아니라 문자열, 맵, 셋 등 다양한 이터러

ccusean.tistory.com

Javascript 루프문 정리(4) while문

while 루프문은 자바스크립트에서 반복 실행되는 코드 블록을 만들 때 사용되는 루프문 중 하나입니다. 조건식이 참일 동안 코드 블록이 실행되며, 조건식이 거짓이 될 때까지 반복됩니다. 초기

ccusean.tistory.com

Javascript 루프문 정리(5) do...while문

do...while 루프문은 while 루프문과 유사하지만, 코드 블록을 먼저 실행한 후에 조건식을 검사하는 점이 다릅니다. 즉, do...while 루프문은 일단 코드 블록을 한 번 실행한 후에 조건식을 검사하여 조

ccusean.tistory.com

Javascript 루프문 정리(6) forEach문

forEach() 메서드는 배열의 각 요소에 대해 지정된 함수를 호출하는 메서드입니다. 이 메서드를 사용하면 반복문을 사용하지 않고도 배열의 모든 요소를 순회하며 작업을 수행할 수 있습니다. forEa

ccusean.tistory.com

Javascript 루프문 정리(7) map문

map() 메서드는 배열의 모든 요소에 대해 지정된 함수를 호출한 결과를 모아 새로운 배열을 반환하는 메서드입니다. 이 메서드를 사용하면 배열을 순회하면서 각 요소를 변형할 수 있습니다. map()

ccusean.tistory.com

Javascript 루프문 정리(8) filter문

filter() 메서드는 배열의 요소 중에서 지정된 함수에 맞는 요소만 추출하여 새로운 배열을 반환하는 메서드입니다. 이 메서드를 사용하면 배열에서 필요한 요소만 추출하여 새로운 배열을 생성

ccusean.tistory.com

반응형

댓글