当前位置:首页 > 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 循环

遍历对象的可枚举属性:

js循环实现

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

跳过当前迭代:

js循环实现

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);
});

生成器迭代

配合生成器函数使用:

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

标签: js
分享给朋友:

相关文章

js实现

js实现

JavaScript 实现方法 JavaScript 是一种广泛使用的编程语言,适用于网页开发、服务器端编程以及移动应用开发。以下是几种常见的 JavaScript 实现方法: 网页交互功能 使用…

js实现复制

js实现复制

使用document.execCommand方法 在较旧的浏览器中,可以使用document.execCommand('copy')实现复制功能。创建一个临时的textarea或input元素,将需要…

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js实现全屏

js实现全屏

实现全屏的基本方法 使用JavaScript实现全屏功能主要依赖Element.requestFullscreen()方法。现代浏览器均支持此API,但不同浏览器可能需要添加前缀。 // 触发全屏…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…

js画图实现

js画图实现

使用Canvas API绘制图形 Canvas是HTML5提供的绘图API,通过JavaScript操作Canvas元素可以绘制各种图形。以下是一个简单的示例: <canvas id="myC…