当前位置:首页 > JavaScript

js foreach 实现

2026-02-01 20:11:08JavaScript

使用 Array.prototype.forEach 方法

forEach 是 JavaScript 数组的原生方法,用于遍历数组的每个元素并执行回调函数。其语法如下:

array.forEach(function(currentValue, index, array) {
  // 执行操作
}, thisArg);
  • currentValue:当前处理的数组元素。
  • index(可选):当前元素的索引。
  • array(可选):正在遍历的数组。
  • thisArg(可选):回调函数中的 this 值。

示例:

const numbers = [1, 2, 3];
numbers.forEach(function(number) {
  console.log(number * 2);
});
// 输出:2, 4, 6

手动实现 forEach 方法

如果需要手动实现 forEach,可以通过扩展 Array.prototype 或编写独立函数来实现:

function myForEach(array, callback, thisArg) {
  for (let i = 0; i < array.length; i++) {
    callback.call(thisArg, array[i], i, array);
  }
}

const numbers = [1, 2, 3];
myForEach(numbers, function(number) {
  console.log(number * 2);
});
// 输出:2, 4, 6

注意事项

  • forEach 不会改变原数组,但回调函数可以修改数组元素。
  • forEach 无法通过 returnbreak 中断遍历,如果需要中断,建议使用 for 循环或 Array.prototype.some/every
  • forEach 会跳过空位(稀疏数组的空元素)。

示例(稀疏数组):

js foreach 实现

const sparseArray = [1, , 3];
sparseArray.forEach(function(item) {
  console.log(item);
});
// 输出:1, 3

标签: jsforeach
分享给朋友:

相关文章

js实现倒计时

js实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时功能可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是几种常见的实现方式: 使用 setInterva…

js实现验证码

js实现验证码

实现验证码的JavaScript方法 生成随机验证码 使用Math.random()生成随机字符串,结合数字和字母: function generateCaptcha() { const cha…

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

js实现图片轮播

js实现图片轮播

实现基础图片轮播 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS设置样式和动画效果,JavaScript处理轮播逻辑。 <div cl…

js轮播图实现原理

js轮播图实现原理

轮播图的基本原理 轮播图通过动态切换显示的内容(图片、文本等)实现视觉上的滑动效果。核心原理是利用CSS和JavaScript控制元素的显示与隐藏,或通过变换位置实现滑动动画。 实现方法一:CSS…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…