在前端开发中，经常需要从多个数组或对象中选取相同位置的元素，这时候一个非常好用的工具就是 npm 包 one-from-each。本篇文章将详细介绍如何使用 one-from-each，并包含具体的代码示例，希望对大家有所帮助。
什么是 one-from-each
one-from-each 是一个 npm 包，提供了从多个数组或对象中选取相同位置元素的能力，支持多种数据类型（数组、普通对象、嵌套对象等），使用简单、清晰易懂，方便快捷。
安装和引入
使用 npm 安装 one-from-each 非常简单，只需要在终端输入以下命令即可：
npm install one-from-each
引入 one-from-each 也很方便，直接在代码中使用 require 或 import 即可：
const oneFromEach = require('one-from-each'); // CommonJS
import oneFromEach from 'one-from-each'; // ES6使用示例
下面我们通过一些具体的示例来展示 one-from-each 的使用方法。
选取多个数组的同一位置元素
这是 one-from-each 最基本的用法，用来从多个数组中选取同一位置的元素。以下是一个比较简单的示例：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = [7, 8, 9]; const result = oneFromEach([arr1, arr2, arr3], (a, b, c) => a + b + c); console.log(result); // [12, 15, 18]
one-from-each 接收两个参数，第一个参数是需要选取的数组的集合，第二个参数是一个函数，用来处理选取到的各个元素。
在上面的示例中，我们传入了三个数组 arr1、arr2 和 arr3，然后使用的处理函数是将三个元素相加，得到了一个新的数组 [12, 15, 18]。
选取普通对象的同一位置元素
除了数组外，one-from-each 还支持选取普通对象的同一位置元素，示例如下：
const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { a: 4, b: 5, c: 6 };
const obj3 = { a: 7, b: 8, c: 9 };
const result = oneFromEach([obj1, obj2, obj3], ({ a }, { b }, { c }) => a + b + c);
console.log(result); // [12, 15, 18]在这种情况下，我们需要针对每个对象的属性进行处理，使用的处理函数是将每个对象的 a、b、c 属性相加得到一个新的数组。
选取嵌套对象的同一位置元素
one-from-each 同样支持选取嵌套对象的同一位置元素，下面是一个示例：
const obj1 = { a: { b: 1 }, c: { d: 2 } };
const obj2 = { a: { b: 3 }, c: { d: 4 } };
const obj3 = { a: { b: 5 }, c: { d: 6 } };
const result = oneFromEach([obj1, obj2, obj3], ({ a: { b } }, { c: { d } }) => b + d);
console.log(result); // [3, 7, 11]这里的处理函数和上面的两个示例不同，需要对嵌套对象的属性进行访问，使用的处理函数将 a 对象中的 b 属性和 c 对象中的 d 属性相加得到一个新数组。
总结
通过上面一些简单的示例，我们了解了 one-from-each 的基本用法。实际使用中，还有一些更加复杂的情况，例如数组嵌套、对象深度嵌套等，这时候 one-from-each 也能够很好地处理这些情况。希望本文对大家理解 one-from-each 的使用方法有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005568481e8991b448d34ed