>  기사  >  웹 프론트엔드  >  루프: For 루프, While 루프, For...Of 루프, For...In 루프

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

PHPz
PHPz원래의
2024-08-07 09:57:321152검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.