Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript의 While 루프에 대한 2020년 가이드

do…while 루프는 코드 블록을 한 번 실행하는 데 사용할 수 있으며 문이 계속해서 true로 평가되면 계속 실행됩니다. while 및 do...while 루프는 특정 조건이 충족되는 동안 코드 블록을 실행하려는 경우에 유용합니다.


루프는 프로그래밍의 핵심 기능이며 유사한 작업을 자동화하는 데 사용됩니다. 예를 들어, 학생 목록에 있는 모든 이름을 인쇄하고 싶다고 가정해 보겠습니다. 작업을 자동화하는 루프를 만들 수 있습니다.

JavaScript는 반복적인 작업을 여러 번 수행하는 데 사용할 수 있는 두 가지 주요 유형의 루프를 제공합니다. for 루프라고 하는 첫 번째 유형은 명령문을 특정 횟수만큼 실행합니다. 두 번째 유형은 조건이 true로 평가되는지 여부에 따라 실행되는 while 루프입니다.

이 튜토리얼에서는 while 자바스크립트에서 루프. 동안 구문을 살펴보겠습니다. 루프, do…while 루프를 만드는 방법 작동 중인 이러한 루프의 몇 가지 예를 살펴보세요.

자바스크립트 While 루프

JavaScript while 루프는 조건이 true로 평가되는 동안 코드 블록을 실행합니다. . while 루프는 조건이 false로 평가되면 실행을 중지합니다. while 루프를 사용하면 코드를 복사하여 붙여넣지 않고도 코드 블록을 여러 번 반복할 수 있습니다.

동안 루프는 지정되지 않은 횟수만큼 코드를 실행하려는 경우에 자주 사용됩니다. 반면에 루프가 실행되어야 하는 횟수를 이미 알고 있거나 계산할 수 있는 경우 JavaScript for 루프가 사용됩니다.

다음은 잠시 구문입니다. JavaScript의 루프:

while (condition_is_true) { // 코드 실행}

동안 문은 JavaScript for와 매우 유사합니다. 성명서.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

항상 true로 평가되는 조건을 지정하여 무한 루프를 생성할 수 있습니다. 프로그램을 수동으로 중지할 때까지 루프를 계속하지 않으려면 조건이 false로 평가될 수 있는지 확인하십시오.

JavaScript While 루프의 예

우리가 독점 파티를 주최한다고 가정 해 봅시다. 우리는 주어진 시간에 40명만 파티에 초대하고 싶습니다.

우리 파티에는 이미 35명이 있습니다. 누군가를 초대할 때마다 한도에 도달하기 전에 몇 명을 더 초대할 수 있는지 계산하려고 합니다. 다음은 while을 사용하는 프로그램의 예입니다. 이 계산을 수행하는 루프:

var limit =40;var current_attendee =35;while (current_attendee  

코드는 다음을 반환합니다.

파티에 4자리 남았습니다.파티에 3자리 남았습니다.파티에 2자리 남았습니다.파티에 1자리 남았습니다.파티에 0자리 남았습니다. 

코드의 처음 두 줄에서 두 개의 변수를 선언합니다. 한도 변수는 우리 파티에 참석할 수 있는 최대 인원을 지정하는 데 사용됩니다. 현재 참석자 JavaScript 변수는 현재 파티에 참석하고 있는 사람의 수를 추적합니다.

우리는 동안을 만듭니다. 현재 참석자 수가 우리가 설정한 제한보다 적을 때 실행되는 루프입니다.

그런 다음 프로그램은 1을 추가합니다. 현재 참석자 수로, current_attendee를 빼서 남은 자리 수를 계산합니다. 한도에서 마지막으로, 우리 프로그램은 얼마나 많은 공간이 남았는지 파티 리더에게 알려주는 명령문을 콘솔에 출력합니다.

우리의 동안 루프는 우리 파티에 40명 미만이 있는 동안 실행되었습니다. 루프가 실행될 때마다 current_attendee 1. 증가 파티 참석자가 40명에 이르자 루프가 중단되었습니다.

while 루프:또 다른 예

작동 중인 while 루프를 설명하기 위해 다른 예를 사용하겠습니다. 아래 예에서는 while 파티 VIP 배열의 모든 이름을 출력하는 루프:

var vips =['로버트 드니로', '윌 스미스', '브래드 피트', '덴젤 워싱턴'];var counter =0;while (counter  

코드 반환:

로버트 드 니로윌 스미스브래드 피트 덴젤 워싱턴

루프는 vips를 통해 반복됩니다. 카운터 변수가 JavaScript 배열의 길이보다 작은 한 배열입니다.

JavaScript do…while 루프

JavaScript do…while 루프는 명령문을 한 번 실행한 다음 조건이 참인지 확인합니다. 조건이 참이면 루프가 다시 실행됩니다. 그렇지 않으면 코드 실행이 중지됩니다.

while과 do...while 루프 사이에는 한 가지 큰 차이점이 있습니다. do...while 루프는 지정된 조건이 참으로 평가되지 않더라도 최소한 한 번 실행됩니다. 반면에 while 루프는 조건이 true로 평가되는 경우에만 실행됩니다.

다음은 do...while 구문입니다. JavaScript의 루프:

do { // 코드 실행 } while (condition_is_true);

do...while의 코드 루프는 항상 한 번 이상 실행됩니다.

자바스크립트 do…while 루프 예제

예를 들어 하는 동안... 동안 루프가 작동합니다. 추측 게임을 만들고 있다고 가정해 보겠습니다. 우리는 프로그램이 사용자가 정확한 숫자를 추측할 때까지 숫자를 추측하도록 계속 요청하기를 바랍니다.

다음은 이 추측 게임을 만드는 데 사용할 수 있는 예제 프로그램입니다.

var number_to_guess =7;var guessed_number =0;do { var input =prompt("1에서 10 사이의 숫자를 입력하세요.") var input =prompt("1에서 10 사이의 숫자를 입력하세요.") var guessed_number =parseInt(입력);} 동안 (추측된_숫자 !=숫자_to_guess);

우리 프로그램은 추측된_숫자만큼 1에서 10 사이의 숫자를 삽입하도록 사용자에게 요청합니다. 추측할 숫자와 같지 않습니다. 그러나 우리 프로그램은 do의 내용을 실행할 것입니다. 처음으로 조건을 평가하기 전의 문입니다.

조건이 거짓이면 루프 실행이 중지됩니다.

결론

while 루프는 문이 true로 평가되는 동안 반복적인 코드 블록을 실행하는 데 사용할 수 있습니다. do...while 루프는 코드 블록을 한 번 실행하는 데 사용할 수 있습니다. 문이 계속해서 true로 평가되면 계속 실행됩니다.

while 및 do...while 루프는 특정 조건이 충족되는 동안 코드 블록을 실행하려는 경우에 유용합니다.

이 튜토리얼에서는 while 그리고 ...하는 동안 JavaScript의 루프. 또한 유용할 수 있는 위치를 설명하기 위해 작동 중인 이러한 루프의 몇 가지 예를 살펴보았습니다. 이제 JavaScript 전문가처럼 while 루프를 사용하는 데 필요한 정보를 갖추었습니다!

최고의 JavaScript 학습 리소스 및 과정에 대한 조언은 JavaScript 학습 방법 문서를 확인하세요.