JS也能实现的小功能，让你的代码更强大！

2023-09-19 18:37:01

掌控数据，优化代码：JS数组随机排序和去重指南

在编程中，操纵数组是一项基本技能。本文将深入探讨如何使用JavaScript (JS) 对数组进行随机排序和去重。了解这些技术将使您能够创建更强大、更灵活的程序。

一、数组随机排序的妙招

想象一下您有一个数字列表，您想以随机顺序显示它们。这是数组随机排序的用武之地。让我们探索一些有效的方法：

1. 利用数组内置的“sort”方法

JavaScript数组提供了一个方便的“sort”方法，允许您对元素进行排序。通过提供一个比较函数，您可以自定义排序规则。以下示例使用随机数生成器来实现随机排序：

const numbers = [1, 5, 3, 2, 4];

// 利用sort方法实现随机排序
numbers.sort(() => Math.random() - 0.5);

console.log(numbers); // [2, 3, 5, 4, 1]

2. 随机抽取元素到新数组

另一种方法是随机从数组中抽取元素并将其添加到一个新数组中。这样做确保了每个元素都有相同的机会被抽取：

const numbers = [1, 5, 3, 2, 4];
const shuffledNumbers = [];

// 从数组中随机抽取元素到新数组中
while (numbers.length > 0) {
  const randomIndex = Math.floor(Math.random() * numbers.length);
  shuffledNumbers.push(numbers[randomIndex]);
  numbers.splice(randomIndex, 1);
}

console.log(shuffledNumbers); // [2, 3, 5, 4, 1]

3. 洗牌法：随机交换数组元素

洗牌法是一种经典的随机排序算法，通过随机交换数组中的元素来实现随机排序：

const numbers = [1, 5, 3, 2, 4];

// 使用洗牌法实现随机排序
for (let i = 0; i < numbers.length; i++) {
  const randomIndex = Math.floor(Math.random() * numbers.length);
  [numbers[i], numbers[randomIndex]] = [numbers[randomIndex], numbers[i]];
}

console.log(numbers); // [2, 3, 5, 4, 1]

二、数组去重的艺术

重复的数据在数组中司空见惯。数组去重涉及删除这些重复项，只保留唯一元素。以下是两种常用的技术：

1. ES6 Set的魔力

ES6引入了Set数据结构，它自动去除重复元素：

const numbers = [1, 5, 3, 2, 4, 1, 3];

// 使用Set去除重复元素
const uniqueNumbers = new Set(numbers);

// 将Set转换为数组
const uniqueNumbersArray = [...uniqueNumbers];

console.log(uniqueNumbersArray); // [1, 5, 3, 2, 4]

2. Array.from()的巧妙运用

Array.from()方法可以将类似数组的对象转换为真正的数组。我们可以利用这一点来去除重复元素：

const numbers = [1, 5, 3, 2, 4, 1, 3];

// 使用Array.from()去除重复元素
const uniqueNumbers = Array.from(new Set(numbers));

console.log(uniqueNumbers); // [1, 5, 3, 2, 4]