常用的sort打乱数组方法真的有用？

JavaScript 开发中有时会遇到要将一个数组随机排序（shuffle）的需求，一个常见的写法是这样

function shuffle(arr) {
    arr.sort(() => Math.random() - 0.5);
}

试一试

// 要排序的数组
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
// 排序n次后，出现在数组第1位、第2位....第11位的数子组成的数组
let y1 = [], y2 = [], y3 = [], y4 = [], y5 = [], y6 = [], y7 = [], y8 = [], y9 = [], y10 = [], y11 = []
// 开始排序：十万次
for (let i = 0; i < 100000; i++) {
      arr.sort(function () {
        return 0.5 - Math.random()
      })
      y1.push(arr[0])
      y2.push(arr[1])
      y3.push(arr[2])
      y4.push(arr[3])
      y5.push(arr[4])
      y6.push(arr[5])
      y7.push(arr[6])
      y8.push(arr[7])
      y9.push(arr[8])
      y10.push(arr[9])
      y11.push(arr[10])
  }
// 现在，y1中存放排序十万次后出现在第1位的数字，y2中存放排序十万次后出现在第2位的数字...y11中存放排序十万次后出现在第11位的数字。
// 各个数组中（y1...y11），5出现的次数：即5的分布
let data = [
      (y1.filter(el => el === 5)).length,
      (y2.filter(el => el === 5)).length,
      (y3.filter(el => el === 5)).length,
      (y4.filter(el => el === 5)).length,
      (y5.filter(el => el === 5)).length,
      (y6.filter(el => el === 5)).length,
      (y7.filter(el => el === 5)).length,
      (y8.filter(el => el === 5)).length,
      (y9.filter(el => el === 5)).length,
      (y10.filter(el => el === 5)).length,
      (y11.filter(el => el === 5)).length,
]
console.log(data) // [9082, 9167, 9114, 9142, 9125, 9074, 9161, 9108, 9081, 8971, 8975]
// PS：我们验证下5出现的次数是否为十万
let sum = 0
data.forEach(el=>sum+=el)
console.log(sum) // 100000

我们用echart生成一个柱状图：排序十万次，5出现在各个位置的分布图。

image.png

还蛮均匀的。多试几次，也OK的。
数组的长度小于10呢？

image.png
也是OK的。
将数组换成字母呢？let arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g']，也是OK的。

真的有用