在 ES6 中，Array 提供了很多方便的方法，如 map、reduce、filter 等等。同时，ES6 还引入了新的 Iterator 接口，使得我们可以更加灵活地遍历数据结构。在本文中，我们将介绍如何结合使用 Array 方法和 Iterator 接口，以实现更加高效和灵活的数据操作。
Iterator 接口
在 ES6 中，Iterator 接口是一个统一的数据遍历机制。任何数据结构只要部署了 Iterator 接口，就可以使用 for...of 循环进行遍历。Iterator 接口提供了 next() 方法，每次调用返回一个包含 value 和 done 两个属性的对象，其中 value 表示当前遍历到的值，done 表示遍历是否结束。
下面是一个简单的例子，展示了如何使用 Iterator 接口遍历数组：
let arr = [1, 2, 3];
let it = arr[Symbol.iterator]();
console.log(it.next()); // { value: 1, done: false }
console.log(it.next()); // { value: 2, done: false }
console.log(it.next()); // { value: 3, done: false }
console.log(it.next()); // { value: undefined, done: true }在上面的例子中，我们首先通过数组的 Symbol.iterator 属性获取到了 Iterator 对象，然后通过 next() 方法遍历数组。
Array 方法
ES6 中的 Array 提供了很多方便的方法，如 map、reduce、filter 等等。这些方法都可以接收一个函数作为参数，用于对数组中的每个元素进行处理。
下面是一个简单的例子，展示了如何使用 map 方法将数组中的每个元素都加倍：
let arr = [1, 2, 3]; let newArr = arr.map(x => x * 2); console.log(newArr); // [2, 4, 6]
在上面的例子中，我们首先使用 map 方法创建了一个新的数组，然后通过箭头函数将每个元素都加倍。
结合使用
通过结合使用 Array 方法和 Iterator 接口，我们可以实现更加高效和灵活的数据操作。下面是一个简单的例子，展示了如何使用 map 和 Iterator 遍历器实现对数组中元素的加倍：
let arr = [1, 2, 3];
let it = arr[Symbol.iterator]();
let newArr = Array.from({ length: arr.length }, () => it.next().value * 2);
console.log(newArr); // [2, 4, 6]在上面的例子中，我们首先通过数组的 Symbol.iterator 属性获取到了 Iterator 对象，然后使用 Array.from 方法将其转换成了一个数组。在 Array.from 方法的第二个参数中，我们传入了一个函数，用于对每个元素进行处理。在这个函数中，我们通过调用 Iterator 对象的 next 方法获取到了数组中的每个元素，并将其加倍。最终，我们得到了一个新的数组，其中每个元素都是原数组中的元素加倍后的结果。
总结
通过结合使用 Array 方法和 Iterator 接口，我们可以实现更加高效和灵活的数据操作。在实际的开发中，我们可以根据具体的需求，选择合适的 Array 方法和 Iterator 接口，以实现更加优秀的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ccf1efadd4f0e0ff651971