JavaScript数组遍历的七种方法详解

const arr = [1, 2, 3];
// 遍历打印每个元素和索引
arr.forEach((item, index) => {
  console.log(`索引${index}的值：${item}`);
});
// 输出：
// 索引0的值：1
// 索引1的值：2
// 索引2的值：3

// 注意：forEach无法通过break/return中断遍历（return仅跳过当前次循环）
arr.forEach(item => {
  if (item === 2) return; // 仅跳过2，不会终止遍历
  console.log(item); // 输出1、3
});

const newArr = arr.map((item, index, array) => {
  // 处理逻辑，返回新值
  return 处理后的值;
}, thisArg);

const arr = [1, 2, 3];
// 数组元素翻倍
const doubleArr = arr.map(item => item * 2);
console.log(doubleArr); // [2, 4, 6]
console.log(arr); // [1,2,3]（原数组不变）

// 处理对象数组
const users = [{ name: '张三', age: 20 }, { name: '李四', age: 25 }];
const userNames = users.map(item => item.name);
console.log(userNames); // ['张三', '李四']

const newArr = arr.filter((item, index, array) => {
  // 返回布尔值，true则保留当前元素
  return 条件表达式;
}, thisArg);

const arr = [1, 2, 3, 4, 5];
// 筛选偶数
const evenArr = arr.filter(item => item % 2 === 0);
console.log(evenArr); // [2, 4]

// 筛选对象数组
const users = [
  { name: '张三', age: 20 },
  { name: '李四', age: 25 },
  { name: '王五', age: 17 }
];
// 筛选成年用户
const adultUsers = users.filter(item => item.age >= 18);
console.log(adultUsers); // [{name: '张三', age:20}, {name: '李四', age:25}]

const result = arr.reduce((accumulator, currentValue, currentIndex, array) => {
  // 聚合逻辑，返回新的累加器值
  return 新的accumulator;
}, initialValue);

const arr = [1, 2, 3, 4];
// 示例1：求和（基础用法）
const sum = arr.reduce((acc, cur) => acc + cur, 0);
console.log(sum); // 10

// 示例2：求数组最大值
const max = arr.reduce((acc, cur) => acc > cur ? acc : cur, arr[0]);
console.log(max); // 4

// 示例3：聚合对象数组（统计总年龄）
const users = [{ name: '张三', age: 20 }, { name: '李四', age: 25 }];
const totalAge = users.reduce((acc, cur) => acc + cur.age, 0);
console.log(totalAge); // 45

// 示例4：将数组转为对象
const arr2 = ['a', 'b', 'c'];
const obj = arr2.reduce((acc, cur, index) => {
  acc[`key${index}`] = cur;
  return acc;
}, {});
console.log(obj); // {key0: 'a', key1: 'b', key2: 'c'}

const isAllPass = arr.every((item, index, array) => {
  return 条件表达式;
}, thisArg);

const arr = [2, 4, 6, 8];
// 判断是否全是偶数
const isAllEven = arr.every(item => item % 2 === 0);
console.log(isAllEven); // true

const arr2 = [2, 4, 7, 8];
const isAllEven2 = arr2.every(item => item % 2 === 0);
console.log(isAllEven2); // false（7不满足，遍历到7就停止）

// 判断对象数组所有元素是否成年
const users = [{ age: 20 }, { age: 25 }, { age: 17 }];
const isAllAdult = users.every(item => item.age >= 18);
console.log(isAllAdult); // false

const isHasPass = arr.some((item, index, array) => {
  return 条件表达式;
}, thisArg);

const arr = [1, 3, 5, 8];
// 判断是否有偶数
const hasEven = arr.some(item => item % 2 === 0);
console.log(hasEven); // true（遍历到8就停止）

const arr2 = [1, 3, 5, 7];
const hasEven2 = arr2.some(item => item % 2 === 0);
console.log(hasEven2); // false

// 判断对象数组是否有未成年
const users = [{ age: 20 }, { age: 25 }, { age: 17 }];
const hasMinor = users.some(item => item.age < 18);
console.log(hasMinor); // true

const targetItem = arr.find((item, index, array) => {
  return 条件表达式;
}, thisArg);

const arr = [1, 2, 3, 4, 5];
// 查找第一个大于3的元素
const target = arr.find(item => item > 3);
console.log(target); // 4

// 查找对象数组中的元素
const users = [
  { id: 1, name: '张三' },
  { id: 2, name: '李四' },
  { id: 3, name: '王五' }
];
// 根据id查找用户
const user = users.find(item => item.id === 2);
console.log(user); // {id: 2, name: '李四'}

// 找不到返回undefined
const user2 = users.find(item => item.id === 10);
console.log(user2); // undefined