举例说明数组和对象的迭代方法分别有哪些？

在前端开发中，数组和对象的迭代是常见的操作。对于数组，有多种迭代方法可供选择，而对于对象，由于其结构的特殊性，迭代方式相对有限但同样重要。以下分别举例说明数组和对象的迭代方法：

数组的迭代方法

1. forEach()：该方法对数组的每个元素执行一次提供的函数。它不接受任何返回值，并且总是返回undefined。主要用于执行某种副作用（如打印日志、更新外部变量等），而不是构建新数组或返回值。

let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(value, index, array) {
    console.log(value); // 输出每个数组元素
});

2. 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]

3. filter()：此方法创建一个新数组，包含通过测试（由提供的函数实现）的所有元素。它用于筛选数组中符合条件的元素。

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(value) {
    return value % 2 === 0; // 返回偶数元素
});
console.log(evenNumbers); // 输出 [2, 4]

4. some() 和 every()：这两个方法用于测试数组中的元素是否满足某个条件。some() 方法在数组中只要有一个元素满足条件就返回 true，而 every() 方法要求所有元素都满足条件才返回 true。
5. findIndex() 和 find()：findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引，否则返回 -1。find() 方法返回数组中满足提供的测试函数的第一个元素的值，否则返回 undefined。
6. reduce()：此方法对数组中的每个元素执行一个由您提供的 reducer 函数(升序执行)，将其结果汇总为单个返回值。常用于累加、累乘或更复杂的聚合操作。

对象的迭代方法

由于对象本质上是键值对的集合，因此其迭代通常涉及遍历这些键值对。在 ES6 中，引入了新的方法来简化这一操作：

1. for...in 循环：这是传统的遍历对象属性的方法。它会遍历对象自身的和继承的可枚举属性（但不包括 Symbol 类型的属性）。

let obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
    console.log(key, obj[key]); // 输出键和值
}

2. 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); // 输出键和值
});

3. for...of 循环与 Iterable 对象：虽然普通的对象不是可迭代的，但可以通过实现 [Symbol.iterator]() 方法来使对象变得可迭代。这种方法在高级用例中更常见，如自定义数据结构的迭代。对于普通对象，通常使用上述方法进行迭代。

综上所述，数组提供了丰富的内置迭代方法，可以满足各种需求；而对象的迭代则通常涉及遍历其键值对，可以通过传统方法或 ES6 引入的新方法来实现。