JavaScript의 루프

JavaScript에는 어떤 작업을 수행하는 데 사용할 수 있는 여러 종류의 루프가 있습니다. 배열을 반복하는 것부터 루프가 작업을 특정 횟수만큼 실행하도록 하는 것까지 다양합니다. 루프는 데이터베이스에서 이름을 확인하는 것부터 만들고 있는 비디오 게임에서 작업을 반복적으로 실행하는 것까지 다양한 방식으로 유용할 수 있습니다.

루프란 무엇입니까?

루프는 특정 기준이 충족될 때까지 반복적으로 코드 블록을 실행하는 데 사용됩니다. 이 시점에서 루프는 실행을 중단하고 코드의 다음 부분으로 이동합니다.

For 루프:

For 루프는 배열을 반복하는 데 사용됩니다. 조건부 "if"문과 결합하여 배열의 일부를 선택하여 사용자에게 반환하거나 파운드 기호(#)로 만든 삼각형과 같이 콘솔에서 무언가를 구축할 수 있습니다.

다음은 삼각형을 만드는 예입니다.

function createTri(num) {
  for (let i = '!'; i.length <= num; i+='!') {
    console.log(i);
  }
}

console.log(createTri(5));

이 삼각형의 출력은 다음과 같습니다.

!//루프의 첫 번째 반복

!!//루프의 두 번째 반복

!!!//루프의 세 번째 반복

!!!!//루프의 네 번째 반복

!!!!!//루프의 다섯 번째 반복

이 시점에서 루프는 "i"의 길이가 함수에 전달된 숫자와 같아졌기 때문에 기준을 충족하고 for 루프에서 빠져나온 것을 확인합니다. 이 경우 숫자는 5였습니다.

For 루프를 사용하여 배열을 반복하고 루프 설정 방법에 따라 값을 반환할 수도 있습니다.

다음은 나중에 설명할 for 루프의 또 다른 예입니다.

const arr = [1, 2, 3, 4, 5, 6];

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

for (let j = 1; j < arr.length; j+=2) {
  console.log(arr[j]);
}

첫 번째 예에서 for 루프의 각 반복에서 "i"는 인덱스 번호를 나타내며 각 반복의 콘솔 로깅 "arr[i]"는 배열의 각 값을 콘솔에 출력합니다. 배열의 끝에 도달하면 중지합니다(또는 이 경우 "arr.length").

두 번째 예에서 통지 "i"는 1로 설정됩니다. 이는 위에서 언급한 것처럼 "i"의 값이 배열의 실제 위치가 아닌 인덱스에서 가져오기 때문입니다. 즉, 위 예제의 두 번째 루프는 2, 4, 6(짝수)만 인쇄합니다. 인덱스 0, 2 및 4에서 "i"값을 기록하기 때문에 "i"가 0으로 설정된 경우 홀수를 인쇄하는 경우에도 마찬가지입니다. 이렇게 하면 1, 3 및 4의 결과가 생성됩니다. 5.

For-in 루프:

For/in 루프는 객체의 내용을 반복하는 데 사용됩니다. for/in 루프는 배열의 내용을 반복할 수도 있지만 배열 내용의 순서가 중요한 경우에는 사용하면 안 됩니다.

아래는 개체를 통해 반복하는 예입니다. "MNF"개체를 사용하겠습니다.
먼저 콘솔에 키 이름을 반복하고 로깅한 다음 해당 키의 값을 로깅합니다.

let MNF = {
  firstName: "Marilyn",
  middleName: "Nicole",
  lastName: "Foster"
}

for (let key in MNF) {
  console.log(key);
}

// this prints firstName, middleName, lastName to the console.

let MNF = {
  firstName: "Marilyn",
  middleName: "Nicole",
  lastName: "Foster"
}

for (let key in MNF) {
  console.log(MNF[key]);
}

/* this example will print the actual value 
of the keys to the console, producing: 
Marilyn Nicole Foster
*/

While 루프

테스트 조건이 true로 평가되는 한 반복해서 특정 코드 블록을 실행하도록 루프가 생성됩니다. while 루프에서 테스트 조건은 실행 전에 각 반복을 평가한다는 점에 유의하는 것이 중요합니다.

let text = "";
let i = 0;
while (i < 10) {
  text += "The number is " + i + "\n";
  i++;
}

console.log(text);

위에서 이 코드는 본문에서 코드를 실행하기 전에 반복 후 숫자가 10에 도달하여 루프를 벗어나는 것을 볼 수 있기 때문에 "The number is 9"에 도달할 때까지만 실행됩니다.

결론적으로 코딩을 배우면서 모든 부분을 수동으로 삽입하지 않고도 루프와 동일한 효과를 가질 수 있는 새로운 방법을 접하게 되지만 각 방법의 기초가 작동하는 방식을 이해하는 것이 중요합니다. 적은 코드로 더 많은 작업을 수행할 수 있도록 지식과 능력을 높이려고 할 때 루프를 이해하는 것이 중요한 이유입니다.