JavaScript数组核心方法全面讲解(附多场景示例)

const numbers = [1, 4, 9];
const doubles = numbers.map(num => num * 2);
console.log(doubles); // [2, 8, 18]
console.log(numbers); // [1, 4, 9]（原数组不变）

const users = [
  { id: 1, name: '张三', age: 20 },
  { id: 2, name: '李四', age: 25 },
  { id: 3, name: '王五', age: 30 }
];
// 提取所有用户名
const userNames = users.map(user => user.name);
console.log(userNames); // ["张三", "李四", "王五"]
// 批量修改属性（返回新对象）
const adultUsers = users.map(user => ({
  ...user,
  isAdult: user.age >= 18 // 新增属性
}));
console.log(adultUsers[0]); // { id: 1, name: '张三', age: 20, isAdult: true }

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction'];
const longWords = words.filter(word => word.length > 6);
console.log(longWords); // ["exuberant", "destruction"]
[].filter(Boolean) //可以过滤掉null

const products = [
  { name: '手机', price: 2999, category: '数码', stock: 50 },
  { name: '耳机', price: 199, category: '数码', stock: 0 },
  { name: 'T恤', price: 99, category: '服饰', stock: 100 },
  { name: '键盘', price: 499, category: '数码', stock: 30 }
];
// 筛选：数码类、价格<500、有库存的商品
const validProducts = products.filter(p => 
  p.category === '数码' && p.price < 500 && p.stock > 0
);
console.log(validProducts); // [{ name: '耳机', ... }, { name: '键盘', ... }]

const array = [1, 2, 3, 4];
const sum = array.reduce((acc, cur) => acc + cur, 0);
console.log(sum); // 10

const users = [
  { id: 1, name: '张三' },
  { id: 2, name: '李四' },
  { id: 3, name: '王五' }
];
// 转换为 { 1: { id:1, name:'张三' }, 2: { ... } }
const userMap = users.reduce((acc, cur) => {
  acc[cur.id] = cur;
  return acc;
}, {});
console.log(userMap[2]); // { id: 2, name: '李四' }

const nestedArr = [1, [2, [3, 4], 5], 6];
const flatArr = nestedArr.reduce((acc, cur) => {
  return acc.concat(Array.isArray(cur) ? cur.reduce((a, c) => a.concat(c), []) : cur);
}, []);
console.log(flatArr); // [1, 2, 3, 4, 5, 6]

const scores = [
  { name: '张三', subject: '数学', score: 90 },
  { name: '张三', subject: '语文', score: 85 },
  { name: '李四', subject: '数学', score: 88 },
  { name: '李四', subject: '语文', score: 92 }
];
// 按姓名分组，统计总分
const scoreSum = scores.reduce((acc, cur) => {
  if (!acc[cur.name]) {
    acc[cur.name] = 0;
  }
  acc[cur.name] += cur.score;
  return acc;
}, {});
console.log(scoreSum); // { 张三: 175, 李四: 180 }

const fruits = ['苹果', '香蕉', '橙子'];
// 打印每个元素
fruits.forEach((fruit, index) => {
  console.log(`第${index+1}个水果：${fruit}`);
});
// 第1个水果：苹果 | 第2个水果：香蕉 | 第3个水果：橙子
// 注意：forEach 无法中断遍历（break 无效），需用 some/every 替代

const numbers = [10, 20, 30, 35];
// some：是否有元素>30
const hasBigNum = numbers.some(num => num > 30);
console.log(hasBigNum); // true
// every：是否所有元素>15
const allBigNum = numbers.every(num => num > 15);
console.log(allBigNum); // false（10不满足）
// 实战：判断是否有已过期的订单
const orders = [
  { id: 1, expired: false },
  { id: 2, expired: true },
  { id: 3, expired: false }
];
const hasExpired = orders.some(order => order.expired);
console.log(hasExpired); // true

const months = ['Jan', 'March', 'April', 'June'];
// 索引1的位置，删除0个，插入'Feb'
const removed = months.splice(1, 0, 'Feb');
console.log(months); // ["Jan", "Feb", "March", "April", "June"]
console.log(removed); // []（无删除）

const arr = [1, 2, 3, 4, 5];
// 索引2的位置，删除2个元素
const deleted = arr.splice(2, 2);
console.log(arr); // [1, 2, 5]
console.log(deleted); // [3, 4]

const arr = ['a', 'b', 'c', 'd'];
// 索引1的位置，删除1个，插入'x'和'y'
arr.splice(1, 1, 'x', 'y');
console.log(arr); // ["a", "x", "y", "c", "d"]

// sort 自定义排序（数字升序）
const numbers = [10, 2, 25, 5];
numbers.sort((a, b) => a - b);
console.log(numbers); // [2, 5, 10, 25]
// reverse 反转
const arr = [1, 2, 3];
arr.reverse();
console.log(arr); // [3, 2, 1]

const arr = [1, 2, 3, 4, 5];
// 截取索引1到3（不包含3）
const slice1 = arr.slice(1, 3);
console.log(slice1); // [2, 3]
// 截取最后2个元素
const slice2 = arr.slice(-2);
console.log(slice2); // [4, 5]
// 浅拷贝整个数组
const copyArr = arr.slice();
copyArr[0] = 10;
console.log(arr); // [1, 2, 3, 4, 5]（原数组不变）

const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = arr1.concat(arr2, 5);
console.log(arr3); // [1, 2, 3, 4, 5]
console.log(arr1); // [1, 2]（原数组不变）

// 有 initialValue（推荐）
[1,2,3].reduce((acc, cur) => acc + cur, 0); // 6（acc初始=0，遍历1→2→3）
// 无 initialValue
[1,2,3].reduce((acc, cur) => acc + cur); // 6（acc初始=1，遍历2→3）
// 空数组 + 无 initialValue → 报错
// [].reduce((acc, cur) => acc + cur); // Uncaught TypeError

// 手动实现 map
Array.prototype.myMap = function(callback) {
  const newArr = [];
  for (let i = 0; i < this.length; i++) {
    if (i in this) { // 处理稀疏数组
      newArr[i] = callback(this[i], i, this);
    }
  }
  return newArr;
};
// 手动实现 reduce
Array.prototype.myReduce = function(callback, initialValue) {
  let acc = initialValue;
  let startIndex = 0;
  // 无 initialValue 时，acc 初始化为第一个元素
  if (initialValue === undefined) {
    if (this.length === 0) throw new TypeError('空数组无初始值');
    acc = this[0];
    startIndex = 1;
  }
  for (let i = startIndex; i < this.length; i++) {
    if (i in this) {
      acc = callback(acc, this[i], i, this);
    }
  }
  return acc;
};