정보실

웹학교

정보실

javascript JavaScript에서 While 및 Do ... While 루프 사용 - JavaScript guide

본문

목차​

  1. JavaScript 개발자 콘솔을 사용하는 방법
  2. HTML에 JavaScript를 추가하는 방법
  3. JavaScript에서 구문 및 코드 구조 이해
  4. JavaScript로 주석을 작성하는 방법
  5. JavaScript에서 데이터 유형 이해
  6. JavaScript에서 문자열로 작업하는 방법
  7. JavaScript에서 문자열을 인덱싱, 분할 및 조작하는 방법
  8. JavaScript에서 데이터 유형을 변환하는 방법
  9. JavaScript에서 변수, 범위 및 게양 이해
  10. 연산자를 사용하여 JavaScript에서 수학을 수행하는 방법
  11. JavaScript에서 배열 이해
  12. JavaScript에서 배열 메서드를 사용하는 방법 : Mutator 메서드
  13. JavaScript에서 배열 메서드를 사용하는 방법 : Accessor 메서드
  14. JavaScript에서 배열 메서드를 사용하는 방법 : Iteration 메서드
  15. JavaScript에서 객체 이해
  16. JavaScript에서 날짜 및 시간 이해
  17. JavaScript에서 이벤트 이해
  18. JavaScript에서 JSON으로 작업하는 방법
  19. JavaScript로 조건문을 작성하는 방법
  20. JavaScript에서 Switch 문을 사용하는 방법
  21. JavaScript에서 While 및 Do ... While 루프 사용
  22. JavaScript에서 For 루프를 생성하는 방법
  23. JavaScript에서 함수를 정의하는 방법
  24. JavaScript의 프로토 타입 및 상속 이해
  25. JavaScript에서 클래스 이해
  26. JavaScript에서 객체 메소드를 사용하는 방법
  27. JavaScript에서 This, Bind, Call 및 Apply 이해

JavaScript에서 While 및 Do ... While 루프 사용 


소개 


자동화는 시스템을 자동으로 작동 시키는 기술입니다. 프로그래밍에서 루프를 사용하여 반복적인 작업을 자동화합니다. 루프는 프로그래밍 언어의 가장 유용한 기능 중 하나 이며 ,이 기사에서는 JavaScript의 while 및 do ... while 루프에 대해 학습합니다.


JavaScript의 while 및 do ... while 문은 조건문과 유사합니다. 조건문은 지정된 조건이 true 일 경우 실행되는 코드 블록입니다. 한 번만 평가되는 if 문과 달리 루프는 조건이 더 이상 true로 평가되지 않을 때까지 여러 번 실행됩니다.


또 다른 일반적인 유형의 루프는 설정된 횟수만큼 실행되는 for 문입니다. while and do ... while은 조건에 따라 루프가 실행되므로 루프가 몇 번 실행되는지 미리 알 필요는 없습니다.


https://www.digitalocean.com/community/tutorials/using-while-and-do-while-loops-in-javascript 


While Loop 


JavaScript에서 while 문은 지정된 조건이 true로 평가되는 한 실행되는 루프입니다.


구문은 아래와 같이 if 문과 매우 유사합니다.


while (condition) {
    // execute code as long as condition is true
}

while 문은 JavaScript에서 구성하는 가장 기본적인 루프입니다.


예를 들어, 인구 제한이 있는 수족관이 있다고 가정하겠습니다. 루프를 반복 할 때마다 하나의 물고기를 추가합니다. 수족관에 10 마리의 물고기가 있으면 인구 제한에 도달하고 더 이상 물고기를 더 이상 추가하지 않습니다.


// Set population limit of aquarium to 10
const popLimit = 10;

// Start off with 0 fish
let fish = 0;

// Initiate while loop to run until fish reaches population limit
while (fish < popLimit) {
    // add one fish for each iteration
    fish++;
    console.log("There's room for " + (popLimit - fish) + " more fish.");
}

위의 프로그램을 실행하면 조건이 더 이상 참으로 평가되지 않을 때까지 while 루프를 통해 프로그램의 반복을 보여주는 다음과 같은 결과가 나타납니다.


Output
There's room for 9 more fish. There's room for 8 more fish. There's room for 7 more fish. There's room for 6 more fish. There's room for 5 more fish. There's room for 4 more fish. There's room for 3 more fish. There's room for 2 more fish. There's room for 1 more fish. There's room for 0 more fish.

이 예에서는 물고기 수가 수족관의 인구 한도보다 작은 한 while 루프를 실행하도록 설정했습니다. 각 반복마다 10 개의 지점이 모두 채워질 때까지 한 개의 물고기가 수족관에 추가됩니다. 이 시점에서 루프 실행이 중지됩니다.


Infinite Loops 


이름에서 알 수 있듯이 무한 루프는 영원히 계속 실행되는 루프입니다. 실수로 무한 루프를 하면 브라우저 나 컴퓨터가 충돌 할 수 있습니다. 무한 루프를 알고 피하는 것이 중요합니다.


while 문의 조건이 true로 설정되면 공통 무한 루프가 발생합니다. 아래는 영원히 실행될 코드의 예입니다. 무한 루프를 테스트 할 필요는 없습니다.


// Initiate an infinite loop
while (true) {
    // execute code forever
}

무한 루프는 영원히 실행되지만 break 키워드로 프로그램을 종료 할 수 있습니다.


아래 예제에서는 while 루프에 if 문을 추가하고 해당 조건이 충족되면 루프를 중단하여 종료합니다.


// Set a condition to true
const iceCapsAreMelting = true;
let polarBears = 5;

// Initiate infinite loop
while (iceCapsAreMelting) {
  console.log(`There are ${polarBears} polar bears.`);
  polarBears--;
  // Terminate infinite loop when following condition is true
  if (polarBears === 0) {
    console.log("There are no polar bears left.");
    break;
  }
}

위 코드를 실행하면 다음과 같이 출력 됩니다.

Output
There are 5 polar bears. There are 4 polar bears. There are 3 polar bears. There are 2 polar bears. There are 1 polar bears. There are no polar bears left.

이것이 루프를 생성하고 종료하는 실질적인 방법 일 필요는 없지만 break는 알고 있는 유용한 키워드입니다.


Do…While Loop 


우리는 while 루프에 대해 이미 배웠는데, 이는 지정된 조건이 참인 동안 코드 블록을 실행합니다. 이를 기반으로 하는 do ... while 문은 do ... while 문이 조건과 전혀 일치하지 않더라도 do ... while 루프가 항상 한 번만 실행된다는 점과 매우 유사합니다.


아래는 do ... while 루프의 구문을 보여줍니다.

do {
    // execute code
} while (condition);

보다시피, 루프의 do 부분이 먼저 나오고 while (조건)이 뒤 따릅니다. 코드 블록이 실행 된 후 정상적인 while 루프에서와 같이 조건이 테스트 됩니다.


이를 테스트하기 위해 변수를 0으로 설정하고 do 문 내에서 증가 시키고 조건을 false로 설정할 수 있습니다.


// Set variable to 0
let x = 0;

do {
    // Increment variable by 1
    x++;
    console.log(x);
} while (false);
Output
1

우리의 출력은 1로 나왔습니다. 즉, 코드 블록이 루프 동안 한 번 (0에서) 반복되지 않은 동안 조건에 의해 중지되기 전에 반복되었습니다.


루프는 한 번 이상 반복된다는 것을 명심하면서 do ... while 루프는 while 루프와 동일한 목적으로 사용될 수 있습니다.


결론 


이 자습서에서는 JavaScript의 while 루프, do ... while 루프 및 무한 루프에 대해 배웠습니다.


반복적 인 작업의 자동화는 프로그래밍에서 매우 중요한 부분이며 이러한 루프는 프로그램을 보다 효율적이고 간결하게 만들 수 있습니다.


자세한 내용은 Mozilla 개발자 네트워크에서 whiledo ... while 루프에 대해 읽으십시오.



페이지 정보

조회 58회 ]  작성일19-10-28 13:53

웹학교