While 순환 및 Do...JavaScript의 While 순환

While 순환 및 Do...JavaScript의 While 순환

2022-06-01 last update

10 minutes reading Development JavaScript

소개


자동화는 시스템을 자동으로 운행시키는 기술이다.프로그래밍에서, 우리는 반복적인 작업을 자동화하기 위해 순환을 사용한다.순환은 프로그래밍 언어의 가장 유용한 특성 중 하나로 본고에서 우리는 자바스크립트의 while 순환과 do...while 순환을 이해할 것이다.
JavaScript의 whiledo...while 문장은 conditional statements 과 유사합니다. 이것은 지정된 조건이 true 발생할 때 실행되는 코드 블록입니다.한 번만 계산하는 if 문장과 달리 조건이 true로 계산되지 않을 때까지 순환은 여러 번 실행됩니다.
당신이 만나게 될 또 다른 흔히 볼 수 있는 순환은 for statement 입니다. 이 순환은 설정된 횟수를 실행합니다.whiledo...while순환은 조건에 기초하기 때문에 순환이 얼마나 운행될지 미리 알 필요가 없다.

While 순환


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로 계산되지 않을 때까지 프로그램이 true 순환을 통해 교체되는 출력을 받을 것이다.
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 문장의 조건이 while로 설정되면 공공 무한순환이 발생합니다.다음은 영원히 실행될 코드 예시입니다.어떤 무한 순환도 테스트할 필요가 없다.
무한히 멀다.회사 명

// Initiate an infinite loop
while (true) {
	// execute code forever
}
무한 순환은 영원히 실행되지만, 프로그램은 true 키워드를 사용하여 종료할 수 있습니다.
다음 예제에서 우리는 break 순환에 if 문장을 추가할 것이며, 이 조건을 만족시킬 때, 우리는 while 순환을 중지할 것이다.
북극곰.회사 명

// 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 순환.


우리는 이미 break 순환을 이해했고, 지정된 조건이 사실이라면 코드 블록을 실행할 것이다.이를 바탕으로 while문인데 do...while과 매우 비슷하다. 주요 차이점은 while순환은 조건이 사실이 아니더라도 시종일관 한 번 실행된다는 것이다.
다음은 do...while 순환의 문법을 보여 드리겠습니다.
do {
	// execute code
} while (condition);
보시다시피 순환의 do...while 부분이 먼저 나타나고 그 다음은 do 입니다.코드 블록이 실행되고 정상적인 while (condition) 순환에서 조건을 테스트합니다.
이를 테스트하기 위해 변수를 while, 0 문장에서 점차적으로 늘리고 조건을 do 로 설정할 수 있습니다.
잘못된 조건.회사 명

// Set variable to 0
let x = 0;

do {
	// Increment variable by 1
	x++;
	console.log(x);
} while (false);
Output
1
우리의 출력 결과는 false, 이것은 코드 블록이 성공하지 못한 1 조건이 멈추기 전에 순환에서 한 번 교체되었다는 것을 의미한다.
순환은 적어도 한 번 교체될 것이며, 0 순환은 while 순환과 같은 목적에 사용할 수 있다는 것을 기억하십시오.

결론


이 강좌에서 우리는 자바스크립트의 do...while 순환, while 순환과 무한 순환을 배웠다.
반복 작업의 자동화는 프로그래밍에서 매우 중요한 부분이며, 이러한 순환은 당신의 프로그램을 더욱 효율적이고 간결하게 할 수 있습니다.
자세한 내용은 Mozilla 개발자 네트워크의 while do...while 순환을 참조하십시오.