当前位置:首页 > JavaScript

js实现循环

2026-03-14 23:42:29JavaScript

循环方法一:for循环

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

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

循环方法二:while循环

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

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循环

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

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方法对每个元素执行回调函数。

js实现循环

[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结构创建轮播容器和图片元素: <div class="carousel"> <div class="carousel-inner">…

js防抖和节流实现

js防抖和节流实现

防抖(Debounce)的实现 防抖的核心思想是在事件被触发后,延迟执行回调函数。如果在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口大小调整等场景。 function debounce…

js jquery

js jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的JWT令牌…

js 实现按钮点击

js 实现按钮点击

实现按钮点击的 JavaScript 方法 HTML 按钮元素 在 HTML 中创建一个按钮,可以通过 <button> 或 <input> 标签实现: <button…

js 实现mvc

js 实现mvc

MVC 模式简介 MVC(Model-View-Controller)是一种软件设计模式,将应用程序分为三个核心组件:模型(Model)处理数据和业务逻辑,视图(View)负责展示数据,控制器(Con…