javascript数组有哪些常用方法_如何实现数组去重和排序？

javascript数组提供了丰富的内置方法，覆盖增删改查、遍历、转换等多种操作场景，同时数组去重和排序也是实际开发中的高频需求，下面逐一展开说明。

javascript数组常用方法

增删改查类方法

这类方法主要用于操作数组的元素，常见的有以下几种：

• push()：向数组末尾添加一个或多个元素，返回新数组的长度
• pop()：删除数组末尾的元素，返回被删除的元素
• unshift()：向数组开头添加一个或多个元素，返回新数组的长度
• shift()：删除数组开头的元素，返回被删除的元素
• indexOf()：查找指定元素在数组中的第一个索引，不存在则返回-1
• includes()：判断数组是否包含指定元素，返回布尔值

遍历与转换类方法

这类方法常用于处理数组元素并生成新结果：

• forEach()：遍历数组的每个元素，无返回值
• map()：遍历数组并返回一个新数组，新数组的元素是原数组元素经过回调函数处理后的结果
• filter()：遍历数组并返回一个新数组，新数组的元素是原数组中符合回调函数筛选条件的元素
• reduce()：对数组中的每个元素执行回调函数，将其结果汇总为单个返回值
• join()：将数组所有元素拼接为字符串，可指定分隔符
• slice()：截取数组的一部分，返回新数组，不影响原数组
• splice()：删除、替换或添加数组元素，会修改原数组

javascript数组去重实现方法

使用Set去重

Set是es6新增的数据结构，其成员值唯一，利用这个特性可以快速实现数组去重，是最简洁的方案：

// 基础Set去重
const arr = [1, 2, 2, 3, 3, 4, 5, 5];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]

// 兼容处理，若环境不支持扩展运算符可使用Array.from
const uniqueArr2 = Array.from(new Set(arr));
console.log(uniqueArr2); // 输出 [1, 2, 3, 4, 5]

使用filter和indexOf去重

利用indexOf返回元素第一次出现的索引的特性，筛选出索引等于当前索引的元素，实现去重：

const arr = [1, 2, 2, 3, 3, 4, 5, 5];
const uniqueArr = arr.filter((item, index) => {
    // 只保留第一次出现的元素
    return arr.indexOf(item) === index;
});
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]

使用reduce去重

通过reduce累积数组，每次判断累积数组中是否包含当前元素，不包含则加入：

const arr = [1, 2, 2, 3, 3, 4, 5, 5];
const uniqueArr = arr.reduce((acc, cur) => {
    // 若累积数组中没有当前元素，则加入
    if (!acc.includes(cur)) {
        acc.push(cur);
    }
    return acc;
}, []);
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]

javascript数组排序实现方法

使用sort方法基础排序

数组内置的sort()方法可以对数组元素进行排序，默认按字符串Unicode码点排序：

const arr = [3, 1, 4, 2, 5];
// 默认排序，按字符串顺序
arr.sort();
console.log(arr); // 输出 [1, 2, 3, 4, 5]

const strArr = ['banana', 'apple', 'cherry'];
strArr.sort();
console.log(strArr); // 输出 ['apple', 'banana', 'cherry']

数字数组排序

如果直接对数字数组使用sort()，会出现排序错误，需要传入比较函数：

const numArr = [10, 2, 35, 7, 1];
// 升序排序，a - b 若小于0则a排在b前面
numArr.sort((a, b) => a - b);
console.log(numArr); // 输出 [1, 2, 7, 10, 35]

// 降序排序，b - a 若小于0则b排在a前面
numArr.sort((a, b) => b - a);
console.log(numArr); // 输出 [35, 10, 7, 2, 1]

对象数组排序

如果数组元素是对象，可以根据对象的某个属性进行排序：

const userArr = [
    { name: '张三', age: 25 },
    { name: '李四', age: 18 },
    { name: '王五', age: 30 }
];
// 按age属性升序排序
userArr.sort((a, b) => a.age - b.age);
console.log(userArr);
// 输出 [
//   { name: '李四', age: 18 },
//   { name: '张三', age: 25 },
//   { name: '王五', age: 30 }
// ]

方法对比与选择建议

不同去重和排序方法的适用场景不同，可参考以下对比：

实际开发中可以根据项目环境、数据量和具体需求选择合适的方法，优先选择简洁且性能符合要求的方案。

javascript数组方法数组去重数组排序修改时间：2026-07-23 04:54:31