当前位置:首页 > JavaScript

js循环实现

2026-02-01 08:58:24JavaScript

循环类型及实现方式

JavaScript 提供了多种循环方式,以下是常见循环的实现方法及示例代码:

for 循环

最基础的循环结构,适用于已知循环次数的情况:

for (let i = 0; i < 5; i++) {
  console.log(i); // 输出0-4
}

while 循环

当条件为真时持续执行:

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

do...while 循环

至少执行一次后再判断条件:

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

for...in 循环

遍历对象的可枚举属性:

const obj = {a:1, b:2};
for (let key in obj) {
  console.log(key + ':' + obj[key]);
}

for...of 循环

遍历可迭代对象(如数组):

const arr = ['a', 'b'];
for (let value of arr) {
  console.log(value);
}

循环控制语句

break

立即终止循环:

for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i); // 输出0-4
}

continue

跳过当前迭代:

for (let i = 0; i < 5; i++) {
  if (i === 3) continue;
  console.log(i); // 输出0,1,2,4
}

高级循环技巧

嵌套循环

循环内部包含另一个循环:

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

数组遍历方法

虽然非循环语句,但可实现类似功能:

['a', 'b'].forEach((item, index) => {
  console.log(index, item);
});

生成器迭代

配合生成器函数使用:

js循环实现

function* gen() {
  yield 1;
  yield 2;
}
for (let val of gen()) {
  console.log(val);
}

标签: js
分享给朋友:

相关文章

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数:…

js实现搜索

js实现搜索

实现搜索功能的方法 在JavaScript中实现搜索功能可以通过多种方式完成,以下是几种常见的实现方法。 使用数组的filter方法 通过数组的filter方法可以筛选出符合条件的数据项。假设有一个…

js图片上传实现

js图片上传实现

图片上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API实现基础图片上传功能。HTML部分需要设置accept="image/…