JavaScript의 루프 유형

그래서 루프는 무엇입니까?

루프는 JavaScript에서 조건에 따라 반복되는 작업을 수행하는 데 사용됩니다. 조건은 일반적으로 true 또는 false를 반환합니다. 루프는 정의된 조건이 false를 반환할 때까지 계속 실행됩니다.
그래서 질문은 JS에서 얼마나 많은 유형의 루프를 사용할 수 있는지입니다.
상의하자

진술을 위해

for 루프는 지정된 조건이 false로 평가될 때까지 반복됩니다. JavaScript for 루프는 Java 및 C for 루프와 유사합니다.

for 루프의 구문은 다음과 같습니다.

for (initialExpression; conditionExpression; incrementExpression){
   // code block to be executed
 }

여기,

initialExpression — 카운터를 초기화하는 데 사용됩니다.
변수, 첫 번째 전에 무조건 한 번 평가
루프 본문 실행.

conditionExpression — 각각의 시작 부분에서 평가됩니다.
반복. true로 평가되면 루프 문은
실행하다. false로 평가되면 루프 실행
끝납니다.

incrementExpression — 새로운 루프 카운터를 업데이트합니다.
루프가 실행될 때마다 값.

예시

 for(let i=1; i<=5; i++) {
    console.log("The number for loop" + i );
 }

 // output:
 // "The number for loop 1" 
 // "The number for loop 2" 
 // "The number for loop 3" 
 // "The number for loop 4"
 // "The number for loop 5"

하는 동안

do...while 문은 테스트 조건이 false로 평가될 때까지 지정된 문을 실행하는 루프를 만듭니다. 문을 실행한 후 조건이 평가되어 지정된 문이 한 번 이상 실행됩니다.

do...while 문은 다음과 같습니다.

do
  statement
while (condition);

여기,
루프의 본문이 처음에 실행됩니다. 그런 다음 조건이 평가됩니다. 조건이 true로 평가되면 do 문 내부의 루프 본문이 다시 실행됩니다. 조건이 다시 한 번 평가됩니다.
조건이 true로 평가되면 do 문 내부의 루프 본문이 다시 실행됩니다. 이 프로세스는 조건이 false로 평가될 때까지 계속됩니다. 그런 다음 루프가 중지됩니다.

예시

var result = '';
var i = 0;

do {
  i += 1;
  result += i + ' ';
}
while (i > 0 && i < 5);
console.log(result);

 // output

   //  '1 2 3 4 5 '

while 문

JavaScript에서 가장 기본적인 루프는 이 장에서 논의할 while 루프입니다. while 루프의 목적은 식이 참인 동안 명령문 또는 코드 블록을 반복적으로 실행하는 것입니다. 표현식이 거짓이 되면 루프가 종료됩니다.

while 문은 다음과 같습니다.

while (condition)
  statement

여기,
while 루프는 괄호() 안의 조건을 평가합니다.
조건이 true로 평가되면 while 루프 내부의 코드가 실행됩니다. 조건이 다시 평가됩니다.
이 프로세스는 조건이 거짓이 될 때까지 계속됩니다. 조건이 거짓으로 평가되면 루프가 중지됩니다.

예시

let i = 1, n = 5;

while (i <= n) {
    console.log(i);
    i += 1;
}

 // output
 // 1
 // 2
 // 3
 // 4
 // 5

for...in 문

for...in은 JavaScript 개체의 열거 가능한 모든 속성을 반복하므로 JavaScript의 중요한 루프입니다. 즉, 객체가 있으면 for...in 루프를 사용하여 객체가 가진 모든 값을 읽을 수 있습니다.
for...in은 우리가 전혀 모르는 객체가 있는 경우 매우 유용하며, 이를 통해 속성을 전환하고 결정을 내릴 수 있습니다. 이것은 서버 호출에서 많이 발생합니다. 또한 모든 속성을 알지 못하는 루프를 만들 수 있으므로 프로토타입 사용이 더 쉬워집니다.

for...in 문은 다음과 같습니다.

for (key in object) {
    // body of for...in
}

여기,
for in 루프는 개체에서 평가합니다. 속성은 개체의 키입니다.

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}

// expected output:
// "a: 1"
// "b: 2"
// "c: 3"

~을 위한...의

ES6에는 배열이나 다른 반복 가능한 객체(예: 문자열)를 매우 쉽게 반복할 수 있는 새로운 for-of 루프가 도입되었습니다. 또한 반복 가능한 객체의 각 요소에 대해 루프 내부의 코드가 실행됩니다. for...of 루프는 반복할 수 없기 때문에 객체와 함께 작동하지 않습니다. 개체의 속성을 반복하려면 for-in 루프를 사용할 수 있습니다.

for...of 문은 다음과 같습니다.

for (element of iterable) {
    // body of for...of
}

여기,
iterable - 반복 가능한 객체(배열, 세트, ​​문자열 등).
요소 - iterable의 항목

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

// expected output: "a"
// expected output: "b"
// expected output: "c"

요약하면 루프는 조건이 충족될 때까지 반복되는 일련의 명령입니다. 두 가지 주요 유형의 루프 간의 주요 차이점은 For 루프는 설정된 횟수만큼 실행되는 반면 While 루프는 다양한 횟수만큼 실행된다는 것입니다. 루프의 두 가지 주요 용도는 출력을 생성하고 정보를 검색하는 것입니다.