当前位置:首页 > 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创建一个基础计算器需要处理数字输入、运算符逻辑和结果显示。以下是一个简单的实现示例: let currentInput = '0'; let previo…

利用js实现

利用js实现

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

js实现吸色

js实现吸色

使用Canvas实现吸色功能 通过Canvas的getImageData方法获取像素颜色数据。创建一个Canvas元素,将目标图像绘制到Canvas上,通过鼠标事件获取坐标对应的颜色值。 c…

js实现路由

js实现路由

js实现路由的方法 在JavaScript中实现路由功能可以通过多种方式完成,以下是几种常见的方法: 使用原生JavaScript实现路由 通过监听window.onhashchange事件来实现基…

js实现搜索

js实现搜索

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

js实现复选框

js实现复选框

实现复选框的基本方法 使用HTML的<input type="checkbox">元素创建复选框,并通过JavaScript监听其状态变化。 <input type="checkb…