当前位置:首页 > 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 会跳过空位(稀疏数组的空元素)。

示例(稀疏数组):

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

js foreach 实现

标签: jsforeach
分享给朋友:

相关文章

js实现

js实现

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

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 使用JavaScript实现拖拽功能需要监听鼠标事件,包括mousedown、mousemove和mouseup。以下是实现的基本逻辑: const draggableEleme…

jquery.js

jquery.js

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

js实现图片轮播

js实现图片轮播

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

js实现全选

js实现全选

实现全选功能的方法 在JavaScript中实现全选功能通常涉及监听全选复选框的点击事件,并根据其状态控制其他复选框的选中状态。以下是几种常见的实现方式: 基础DOM操作实现 通过获取所有目标复选框…

js 进度条的实现

js 进度条的实现

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