ES6数组如何去掉重复并且重新排序

在JavaScript的ES6版本中，处理数组的去重和排序变得更加简洁和高效。本文将详细介绍如何使用ES6的新特性来实现数组的去重和排序。

1. 数组去重

在ES6中，我们可以使用Set数据结构来轻松实现数组的去重。Set是一种集合数据结构，它只允许存储唯一的值。通过将数组转换为Set，然后再转换回数组，就可以去除数组中的重复元素。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

解释：

• new Set(array)：将数组转换为Set，自动去除重复元素。
• [...new Set(array)]：使用扩展运算符将Set转换回数组。

2. 数组排序

在ES6中，数组的排序可以使用Array.prototype.sort()方法。这个方法会对数组的元素进行排序，并返回排序后的数组。默认情况下，sort()方法会将元素转换为字符串，然后按照Unicode码点顺序进行排序。

const array = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
const sortedArray = array.sort((a, b) => a - b);
console.log(sortedArray); // 输出: [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

解释：

• array.sort((a, b) => a - b)：使用箭头函数作为sort()方法的比较函数，确保数组按照数字大小进行升序排序。

3. 去重并排序

结合上述的去重和排序方法，我们可以轻松实现数组的去重并排序。

const array = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
const uniqueSortedArray = [...new Set(array)].sort((a, b) => a - b);
console.log(uniqueSortedArray); // 输出: [1, 2, 3, 4, 5, 6, 9]

解释：

• [...new Set(array)]：首先去除数组中的重复元素。
• .sort((a, b) => a - b)：然后对去重后的数组进行升序排序。

4. 处理复杂数据类型

如果数组中包含复杂数据类型（如对象），去重和排序的方法会有所不同。我们可以使用Array.prototype.filter()和Array.prototype.reduce()方法来实现去重，并使用自定义的比较函数进行排序。

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' },
  { id: 3, name: 'Charlie' }
];

const uniqueArray = array.reduce((acc, current) => {
  const x = acc.find(item => item.id === current.id);
  if (!x) {
    return acc.concat([current]);
  } else {
    return acc;
  }
}, []);

const sortedArray = uniqueArray.sort((a, b) => a.id - b.id);
console.log(sortedArray);
// 输出: 
// [
//   { id: 1, name: 'Alice' },
//   { id: 2, name: 'Bob' },
//   { id: 3, name: 'Charlie' }
// ]

解释：

• array.reduce()：使用reduce方法遍历数组，去除重复的对象。
• uniqueArray.sort((a, b) => a.id - b.id)：根据对象的id属性进行排序。

5. 总结

在ES6中，处理数组的去重和排序变得更加简洁和高效。通过使用Set数据结构、扩展运算符、sort()方法以及自定义的比较函数，我们可以轻松实现数组的去重和排序。无论是简单的数字数组还是复杂的对象数组，ES6都提供了强大的工具来处理这些常见的数组操作。

希望本文对你理解和使用ES6中的数组去重和排序有所帮助！