在前端开发中，数组和对象的迭代是常见的操作。对于数组，有多种迭代方法可供选择，而对于对象，由于其结构的特殊性，迭代方式相对有限但同样重要。以下分别举例说明数组和对象的迭代方法：
数组的迭代方法
- forEach()：该方法对数组的每个元素执行一次提供的函数。它不接受任何返回值，并且总是返回
undefined。主要用于执行某种副作用（如打印日志、更新外部变量等），而不是构建新数组或返回值。
let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(value, index, array) {
console.log(value); // 输出每个数组元素
});
- map()：此方法创建一个新数组，其结果是调用提供的函数在每个元素上的结果。它常用于对数组的每个元素进行某种转换。
let numbers = [1, 2, 3, 4, 5];
let squared = numbers.map(function(value) {
return value * value; // 返回每个元素的平方
});
console.log(squared); // 输出 [1, 4, 9, 16, 25]
- filter()：此方法创建一个新数组，包含通过测试（由提供的函数实现）的所有元素。它用于筛选数组中符合条件的元素。
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(value) {
return value % 2 === 0; // 返回偶数元素
});
console.log(evenNumbers); // 输出 [2, 4]
- some() 和 every()：这两个方法用于测试数组中的元素是否满足某个条件。
some()方法在数组中只要有一个元素满足条件就返回true，而every()方法要求所有元素都满足条件才返回true。 - findIndex() 和 find()：
findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引，否则返回-1。find()方法返回数组中满足提供的测试函数的第一个元素的值，否则返回undefined。 - reduce()：此方法对数组中的每个元素执行一个由您提供的 reducer 函数(升序执行)，将其结果汇总为单个返回值。常用于累加、累乘或更复杂的聚合操作。
对象的迭代方法
由于对象本质上是键值对的集合，因此其迭代通常涉及遍历这些键值对。在 ES6 中，引入了新的方法来简化这一操作：
- for...in 循环：这是传统的遍历对象属性的方法。它会遍历对象自身的和继承的可枚举属性（但不包括 Symbol 类型的属性）。
let obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
console.log(key, obj[key]); // 输出键和值
}
- Object.keys()、Object.values() 和 Object.entries()：这些方法分别返回对象键、值或键值对的数组，从而可以使用数组的迭代方法来处理对象。
例如，使用 Object.entries() 和 forEach() 遍历对象：
let obj = { a: 1, b: 2, c: 3 };
Object.entries(obj).forEach(([key, value]) => {
console.log(key, value); // 输出键和值
});
- for...of 循环与 Iterable 对象：虽然普通的对象不是可迭代的，但可以通过实现
[Symbol.iterator]()方法来使对象变得可迭代。这种方法在高级用例中更常见，如自定义数据结构的迭代。对于普通对象，通常使用上述方法进行迭代。
综上所述，数组提供了丰富的内置迭代方法，可以满足各种需求；而对象的迭代则通常涉及遍历其键值对，可以通过传统方法或 ES6 引入的新方法来实现。
标签：迭代,对象,元素,value,数组,方法,举例说明 From： https://www.cnblogs.com/ai888/p/18672185