루프: For 루프, While 루프, For...Of 루프, For...In 루프-JS 튜토리얼-php.cn

루프: For 루프, While 루프, For...Of 루프, For...In 루프

PHPz

풀어 주다： 2024-08-07 09:57:32

원래의

1125명이 탐색했습니다.

Loops: For Loops, While Loops, For...Of Loops, For...In Loops

루프의 요점은 일부 기능을 반복하는 것입니다.

일부 루프 유형은 다음과 같습니다.

for 루프
while 루프
for...of 루프
for...in 루프

For 루프

다음과 같이 간단한 for 루프를 작성할 수 있습니다.

for (let i = 1; i <= 10; i++) {
  console.log(i); // prints numbers 1-10
}

로그인 후 복사

배열을 반복하려면 다음과 같이 할 수 있습니다.

const animals = ['lizard', 'fish', 'turtle'];

for (let i = 0; i < animals.length; i++) {
  console.log(i, animals[i]);
}
// 0 'lizard'
// 1 'fish'
// 2 'turtle'

로그인 후 복사

이 배열을 역방향으로 반복할 수도 있습니다.

for (let i = animals.length - 1; i >= 0; i--) {
  console.log(i, animals[i]);
}

// 2 'turtle'
// 1 'fish'
// 0 'lizard'

로그인 후 복사

루프 내에 루프를 만들 수도 있습니다.

for (let i = 0; i <= 2; i++) {
  for (let j = 0; j < 2; j++) {
    console.log(`i=${i}, j=${j}`);
  }
}

// i=0, j=0
// i=0, j=1
// i=1, j=0
// i=1, j=1
// i=2, j=0
// i=2, j=1

로그인 후 복사

이것은 배열의 배열을 반복하려는 경우에 유용합니다.

const seatingChart = [
  ['Abigale', 'Tim', 'Cynthia'],
  ['Bob', 'Carter', 'Zane', 'Tanja'],
  ['Quin', 'Xavier'],
];

// To print each name individually from seatingChart:
for (let i = 0; i < seatingChart.length; i++) {
  for (let j = 0; j < seatingChart[i].length; j++) {
    console.log(seatingChart[i][j]);
  }
}

로그인 후 복사

while 루프

간단한 while 루프의 예는 다음과 같습니다.

let num = 0;

// to print out 0 through 4:
while (num < 5) {
  console.log(num);
  num++;
}

로그인 후 복사

브레이크 키워드

break 키워드는 while 루프를 종료하는 데 사용할 수 있습니다.

let input = prompt('Say something:');
while (true) {
  input = prompt(input);
  if (input === 'stop copying me') {
    break; // finally stops prompting user
  }
}

로그인 후 복사

for 루프를 종료하는 데에도 사용할 수 있습니다. 다음 줄이 있다고 가정해 보겠습니다.

let line = ['Abby', 'Salvia', 'Jamie', 'Carter', 'John'];

로그인 후 복사

그리고 Jamie가 아닌 Jamie 이전의 모든 항목을 출력하고 싶습니다.

for (let i = 0; i < line.length; i++) {
  if (line[i] === 'Jamie') break;
  console.log(line[i]);
}

로그인 후 복사

For...Of 루프

배열의 각 값을 인쇄하려면 다음과 같이 하면 됩니다.

let people = ['Agitha', 'Bruce', 'Charlie', 'Dane', 'Ernie'];
// to print each persons name:
for (let person of people) {
  console.log(person);
}

로그인 후 복사

이전의 좌석 배치도 예를 더 읽기 쉽게 만들려면 다음을 수행하세요.

const seatingChart = [
  ['Abigale', 'Tim', 'Cynthia'],
  ['Bob', 'Carter', 'Zane', 'Tanja'],
  ['Quin', 'Xavier'],
];

// To print each name individually from seatingChart:
for (let row of seatingChart) {
  for (let person of row) {
    console.log(person);
  }
}

로그인 후 복사

For...In 루프

객체의 각 키-값 쌍을 반복하려면 다음과 같이 하면 됩니다.

const testScores = {
  jim: 34,
  abby: 93,
  greg: 84,
  mark: 95,
  melvin: 73,
};

for (let person in testScores) {
  console.log(`${person} scored ${testScores[person]}`);
}

로그인 후 복사

For...Of를 사용하여 testScore의 평균을 얻으려면 다음과 같이 할 수 있습니다.

let total = 0;
let scores = Object.values(testScores);
for (let score of scores) {
  total += score;
}
let avg = total / scores.length;
console.log(avg);

로그인 후 복사

위 내용은 루프: For 루프, While 루프, For...Of 루프, For...In 루프의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!