在前端开发中，我们经常需要对 JavaScript 对象或数组进行遍历操作。虽然这个需求看似简单，但是实际上涉及到的知识点还是比较复杂的。为了方便开发者进行对象和数组的遍历操作，有一个名为 mekanika-utils-each 的 npm 包可以使用。本篇文章将详细介绍这个 npm 包的使用方法。
什么是 mekanika-utils-each？
mekanika-utils-each 是一个 JavaScript 的遍历工具包。它提供了一系列遍历函数，用于更方便、更灵活地操作 JavaScript 对象和数组。
目前，mekanika-utils-each 支持四个遍历函数：
each：遍历数组或对象中的所有元素，并对元素执行指定的函数操作。forEach：只遍历数组中的所有元素，并对元素执行指定的函数操作。eachKey：只遍历对象的所有key，并对key执行指定的函数操作。eachValue：只遍历对象的所有value，并对value执行指定的函数操作。
下面，我们将详细介绍这四个函数的使用方法。
安装方法
在使用 mekanika-utils-each 之前，需要先通过 npm 安装。安装方法如下所示：
npm install mekanika-utils-each --save
使用方法
遍历数组或对象中的所有元素（each 函数）
each 函数可以遍历数组或对象中的所有元素，并对每个元素执行指定的回调函数操作。回调函数的参数包括：元素值、元素索引、元素所属数组或对象。
下面是一个遍历数组的例子：
const mekanika = require('mekanika-utils-each');
const arr = [1, 2, 3];
mekanika.each(arr, function(value, index, array) {
console.log(`value: ${value}, index: ${index}, array: ${array}`);
});运行结果如下所示：
value: 1, index: 0, array: 1,2,3 value: 2, index: 1, array: 1,2,3 value: 3, index: 2, array: 1,2,3
下面是一个遍历对象的例子：
const mekanika = require('mekanika-utils-each');
const obj = { a: 1, b: 2, c: 3 };
mekanika.each(obj, function(value, key, object) {
console.log(`value: ${value}, key: ${key}, object: ${JSON.stringify(object)}`);
});运行结果如下所示：
value: 1, key: a, object: {"a":1,"b":2,"c":3}
value: 2, key: b, object: {"a":1,"b":2,"c":3}
value: 3, key: c, object: {"a":1,"b":2,"c":3}只遍历数组中的所有元素（forEach 函数）
forEach 函数也是遍历数组中的所有元素，与 each 函数的区别在于：each 函数还可以遍历对象的所有 key，而 forEach 函数只能遍历数组的元素。
下面是一个 forEach 函数的例子：
const mekanika = require('mekanika-utils-each');
const arr = [1, 2, 3];
mekanika.forEach(arr, function(value, index) {
console.log(`value: ${value}, index: ${index}`);
});运行结果如下所示：
value: 1, index: 0 value: 2, index: 1 value: 3, index: 2
只遍历对象的所有 key（eachKey 函数）
eachKey 函数可以遍历对象的所有 key，并对每个 key 执行指定的回调函数操作。回调函数的参数包括：key 值、value 值、对象本身。
下面是一个 eachKey 函数的例子：
const mekanika = require('mekanika-utils-each');
const obj = { a: 1, b: 2, c: 3 };
mekanika.eachKey(obj, function(key, value, object) {
console.log(`key: ${key}, value: ${value}, object: ${JSON.stringify(object)}`);
});运行结果如下所示：
key: a, value: 1, object: {"a":1,"b":2,"c":3}
key: b, value: 2, object: {"a":1,"b":2,"c":3}
key: c, value: 3, object: {"a":1,"b":2,"c":3}只遍历对象的所有 value（eachValue 函数）
eachValue 函数可以遍历对象的所有 value，并对每个 value 执行指定的回调函数操作。回调函数的参数包括：value 值、key 值、对象本身。
下面是一个 eachValue 函数的例子：
const mekanika = require('mekanika-utils-each');
const obj = { a: 1, b: 2, c: 3 };
mekanika.eachValue(obj, function(value, key, object) {
console.log(`value: ${value}, key: ${key}, object: ${JSON.stringify(object)}`);
});运行结果如下所示：
value: 1, key: a, object: {"a":1,"b":2,"c":3}
value: 2, key: b, object: {"a":1,"b":2,"c":3}
value: 3, key: c, object: {"a":1,"b":2,"c":3}写在最后
mekanika-utils-each 是一个非常好用的遍历工具包。无论是遍历数组还是对象，它都提供了非常便捷的 API。希望本篇文章能够帮助大家更好地理解和使用 mekanika-utils-each。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3d1d8e776d08040aa0