JavaScript - Blocks - 循环

最新推荐文章于 2025-04-26 23:30:21 发布

瘦毛毛

最新推荐文章于 2025-04-26 23:30:21 发布

阅读量483

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/u013275171/article/details/84955361

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

这篇博客详细介绍了JavaScript中的循环结构，包括For循环的使用，如何通过break跳出循环，利用continue跳过循环中的部分执行，以及while和do...while循环的工作原理。理解这些概念对于编写高效的循环控制至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

For 循环

for (initializer; exit-condition; final-expression) {
  // code to run
}

const cats = ['Bill', 'Jeff', 'Pete', 'Biggles', 'Jasmin'];
let info = 'My cats are called ';
const para = document.querySelector('p');

for (let i = 0; i < cats.length; i++) {
  info += cats[i] + ', ';
}

para.textContent = info;

for (let i = 0; i < cats.length; i++) {
  if (i === cats.length - 1) {
    info += 'and ' + cats[i] + '.';
  } else {
    info += cats[i] + ', ';
  }
}

使用 break 跳出循环

跳出后，不再执行循环。

<label for="search">Search by contact name: </label>
<input id="search" type="text">
<button>Search</button>

<p></p>

const contacts = ['Chris:2232322', 'Sarah:3453456', 'Bill:7654322', 'Mary:9998769', 'Dianne:9384975'];
const para = document.querySelector('p');
const input = document.querySelector('input');
const btn = document.querySelector('button');

btn.addEventListener('click', function() {
  let searchName = input.value;
  input.value = '';
  input.focus();
  for (let i = 0; i < contacts.length; i++) {
    let splitContact = contacts[i].split(':');
    if (splitContact[0] === searchName) {
      para.textContent = splitContact[0] + '\'s number is ' + splitContact[1] + '.';
      break;
    } else {
      para.textContent = 'Contact not found.';
    }
  }
});

使用 continue 跳过循环

只是跳过当前循环，不过循环条件的判断、执行还要继续。

let num = input.value;

for (let i = 1; i <= num; i++) {
  let sqRoot = Math.sqrt(i);
  if (Math.floor(sqRoot) !== sqRoot) {
    continue;
  }

  para.textContent += i + ' ';
}

while 和 do...while 循环

initializer
while (exit-condition) {
  // code to run

  final-expression
}

let i = 0;

while (i < cats.length) {
  if (i === cats.length - 1) {
    info += 'and ' + cats[i] + '.';
  } else {
    info += cats[i] + ', ';
  }

  i++;
}



initializer
do {
  // code to run

  final-expression
} while (exit-condition)

let i = 0;

do {
  if (i === cats.length - 1) {
    info += 'and ' + cats[i] + '.';
  } else {
    info += cats[i] + ', ';
  }

  i++;
} while (i < cats.length);