JavaScript 数组方法大全（口语化+超详细版）

​JavaScript 数组方法大全（口语化+超详细版）​​

数组就像是一个可以装很多东西的魔法盒子 ，JavaScript 提供了超多方法让我们增删改查、排序、遍历这个盒子里的东西。下面分门别类介绍，保证你一看就懂！

---

​🔥 一、增删改查（基本操作）​​

​1. 添加元素​

• ​**push()​ → 往屁股后面塞**​（返回新长度）

  let fruits = ['苹果', '香蕉'];
  fruits.push('橘子');  // ['苹果', '香蕉', '橘子']

• ​**unshift()​ → 往前面插**​（返回新长度）

  fruits.unshift('西瓜');  // ['西瓜', '苹果', '香蕉', '橘子']

​2. 删除元素​

• ​**pop()​ → 从屁股后面踢走**​（返回被踢的元素）

  fruits.pop();  // '橘子' → 剩下 ['西瓜', '苹果', '香蕉']

• ​**shift()​ → 从前面踢走**​（返回被踢的元素）

  fruits.shift();  // '西瓜' → 剩下 ['苹果', '香蕉']

​3. 替换/插入（万能方法）​​

• ​**splice()​ → ​手术刀**，想切哪就切哪（会修改原数组）

  let arr = ['A', 'B', 'C', 'D'];
  arr.splice(1, 2, 'X', 'Y');  // 从索引1开始，删2个，插入'X'和'Y'
  console.log(arr);  // ['A', 'X', 'Y', 'D']

---

​🔍 二、查找与判断​

​1. 找元素​

• ​**indexOf()​ → 找 第一次出现的位置**​（找不到返回 -1）

  ['苹果', '香蕉', '橘子'].indexOf('香蕉');  // 1

• ​**includes()​ → ​ 有没有这个东西？​**​（返回 true/false）

  ['A', 'B'].includes('B');  // true

• ​**find()​ → 按条件找第一个符合的**​

  let users = [{id: 1, name: '小明'}, {id: 2, name: '小红'}];
  users.find(user => user.id === 2);  // {id: 2, name: '小红'}

​2. 判断数组​

• ​**Array.isArray()​ → ​这是数组吗？​**​

  Array.isArray([1, 2]);  // true
  Array.isArray('123');   // false

---

​🔄 三、遍历与转换​

​1. 循环数组​

• ​**forEach()​ → ​把每个元素都摸一遍**​（没有返回值）

  [1, 2, 3].forEach(num => console.log(num * 2));  // 2, 4, 6

• ​**map()​ → ​把每个元素加工一下，返回新数组**​

  let doubled = [1, 2, 3].map(num => num * 2);  // [2, 4, 6]

• ​**filter()​ → ​筛出符合条件的**​

  let evens = [1, 2, 3, 4].filter(num => num % 2 === 0);  // [2, 4]

​2. 合并/拼接​

• ​**concat()​ → ​把多个数组合并**​（不修改原数组）

  [1, 2].concat([3, 4]);  // [1, 2, 3, 4]

• ​**join()​ → ​把数组变成字符串**​

  ['A', 'B', 'C'].join(' - ');  // "A - B - C"

---

​📊 四、排序与计算​

​1. 排序​

• ​**sort()​ → ​默认按字母排序**​（会修改原数组）

  ['Banana', 'Apple', 'Orange'].sort();  // ['Apple', 'Banana', 'Orange']

  ​**⚠️ 注意**​：数字排序要自己写规则！

  [10, 2, 5].sort((a, b) => a - b);  // [2, 5, 10]

​2. 计算​

• ​**reduce()​ → ​把数组压缩成一个值**​（比如求和）

  [1, 2, 3].reduce((sum, num) => sum + num, 0);  // 6

• ​**some()​ → ​有没有至少一个符合条件？​**​

  [1, 2, 3].some(num => num > 2);  // true

• ​**every()​ → ​是不是全部符合条件？​**​

  [1, 2, 3].every(num => num > 0);  // true

---

​💡 五、其他实用方法​

​1. 反转数组​

• ​**reverse()​ → ​倒着排**​（会修改原数组）

  [1, 2, 3].reverse();  // [3, 2, 1]

​2. 截取数组​

• ​**slice()​ → ​切一块出来**​（不修改原数组）

  [1, 2, 3, 4].slice(1, 3);  // [2, 3]（从1开始，到3之前）

​3. 扁平化数组​

• ​**flat()​ → ​把嵌套数组"压平"​**​

  [1, [2, [3]]].flat(2);  // [1, 2, 3]（2代表压平2层）

​4. 检查空位​

• ​**fill()​ → ​批量填充值**​

  new Array(3).fill(0);  // [0, 0, 0]

---

​🚀 总结：什么时候用什么方法？​​

需求	推荐方法
​往数组加东西​	push() / unshift()
​从数组删东西​	pop() / shift()
​查找元素​	indexOf() / find()
​遍历数组​	forEach() / map()
​筛选数组​	filter()
​数组变字符串​	join()
​排序​	sort()
​计算总和​	reduce()
​合并数组​	concat()

---

​🎯 终极口诀​

• **增删改查用 push/pop/splice**
• **查找用 indexOf/find**
• **遍历用 forEach/map**
• **计算用 reduce/some/every**
• **排序用 sort，合并用 concat**

数组方法就像工具箱里的工具，用对了事半功倍。