当前位置:首页 > JavaScript

js实现循环

2026-03-14 23:42:29JavaScript

循环方法一:for循环

for循环通过初始化变量、条件判断和迭代语句控制循环流程。

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

循环方法二:while循环

while循环在条件为真时重复执行代码块。

js实现循环

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

循环方法三:do...while循环

do...while循环至少执行一次,再检查条件是否继续。

let i = 0;
do {
  console.log(i); // 输出0到4
  i++;
} while (i < 5);

循环方法四:for...of循环

用于遍历可迭代对象(如数组、字符串等)。

js实现循环

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item); // 输出1, 2, 3
}

循环方法五:for...in循环

用于遍历对象的可枚举属性(通常不推荐用于数组)。

const obj = { a: 1, b: 2 };
for (const key in obj) {
  console.log(key, obj[key]); // 输出"a 1", "b 2"
}

循环方法六:Array.prototype.forEach

数组的forEach方法对每个元素执行回调函数。

[1, 2, 3].forEach(item => {
  console.log(item); // 输出1, 2, 3
});

循环控制语句

  • break:立即终止循环。
  • continue:跳过当前迭代,进入下一次循环。
for (let i = 0; i < 5; i++) {
  if (i === 3) break; // 循环终止于i=3
  console.log(i); // 输出0, 1, 2
}

标签: js
分享给朋友:

相关文章

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-containe…

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Jav…

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…

利用js实现

利用js实现

使用 JavaScript 实现 在 JavaScript 中,可以通过多种方式实现功能,具体取决于需求。以下是几种常见的方法: 方法一:使用原生 JavaScript // 示例代码…

js实现下拉菜单

js实现下拉菜单

使用HTML和CSS创建基础结构 HTML部分需要包含一个触发下拉的按钮和隐藏的下拉菜单内容: <div class="dropdown"> <button class="dr…

js实现搜索

js实现搜索

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