자바 스크립트 반복 탐색

루프를 사용하면 프로그램이 DRY 원칙 (Do n't Repeat Yourself)을 고수하면서 배열 반복과 같은 반복 작업을 수행 할 수 있습니다 . 그들매번 다른 입력 세트를 사용하여 함수를 여러 번 실행하려는 경우 유용합니다.

다른 프로그래밍 언어와 마찬가지로 JavaScript는 다양한 종류의 루프를 지원합니다. 이 기사에서는 for , for / in , whiledo / while 루프 를 탐색 합니다 .

For 루프

에 대한 루프는 자바 스크립트 루프의 가장 일반적인 스타일입니다. 기본 구문은 다음과 같습니다.

for (; ; ) { code block // This is executed if condition evaluates to true}
  • 초기화 -var 키워드로 새 변수를 선언하는 데 사용되며 일반적으로 카운터 변수를 초기화하는 데 사용됩니다 (var i = 0).
  • condition- 각 루프 반복 전에 평가할 부울 표현식입니다. 이 표현식이 true로 평가되면 내부 명령이 실행됩니다.
  • 증 분식 -각 루프 반복의 끝에서 평가되는 표현식입니다. 일반적으로 카운터 변수를 증가, 감소 또는 업데이트하는 데 사용됩니다.

예 :

//Counting 1 to 5for (var i = 1; i  2//=> 3//=> 4//=> 5
//Iterating through an arrayvar arr = [17, 22, 35, 54, 96];
for (var i = arr.length; i >=0; i--) { console.log(arr[i]);}//=> 96//=> 54//=> 35//=> 22//=> 17

For / in 루프

위해 /에 루프 객체의 속성을 통해 반복하는 데 사용된다. A는 에 / 대한 문의 모습은 다음과 같습니다 :

for (variable in object) { statements}
  • 변수 -각 반복마다 다른 속성 이름이 할당됩니다.
  • 개체 -열거 가능한 속성이 반복되는 객체입니다.

예:

var myObj = {city: "Austin", state: "Texas", country: "USA"}
for (var key in myObj) { console.log(myObj[key]);}//=> Austin//=> Texas//=> USA

While 루프

While 루프는 반복이 시작될 때 조건이 확인되는 조건 루프이며, 조건이 참이면 명령문이 실행됩니다. 다음은 while 루프 의 기본 구문입니다 .

while (condition) { statement //code block to be executed as long condition is true.}
  • condition- 루프를 통해 각 반복 전에 평가 된 표현식. 이 조건이 참으로 평가되면 내부 명령이 실행됩니다. 조건이 거짓으로 평가되면 내부 문이 실행되지 않고 프로그램이 계속됩니다.
  • 성명 -그만큼조건이 참으로 평가되는 한 실행될 코드 블록.

예:

var i = 0;while (i < 3) { console.log(i); i++;}
//=>0//=>1//=>2

해야 할 일

동안 / 할 루프 while 루프의 변형이다. while 루프와 달리 do / while 루프는 조건이 참인지 확인하기 전에 코드 블록을 한 번 실행합니다. 그런 다음 조건이 참인 한 루프를 반복합니다.

통사론:

do { statement //code block to be executed}while (condition);
  • 성명 -한 번 이상 실행되고 조건이 참으로 평가 될 때마다 다시 실행됩니다.
  • 조건 -그만큼루프를 통해 각 반복 후에 평가되는 표현식입니다. 조건이 참으로 평가되면 명령문이 다시 실행됩니다. 조건이 거짓으로 평가되면 명령문 실행이 중지됩니다.

예:

var cars = ["Tesla", "Prius", "GMC", "Ford"];
var i = 0;do { console.log(cars[i]); i++;}while (i < cars.length)
//=> Tesla//=> Prius//=> GMC//=> Ford

이 간단한 루프 둘러보기가 JavaScript에서 반복이 어떻게 작동하는지 더 잘 이해하는 데 도움이 되었기를 바랍니다. 루프에 대해 궁금한 점이 있거나 채팅하고 싶다면 twitter에서 저에게 연락 할 수도 있습니다 .