【十一】数组洗牌函数

关于专题【vue开发音乐App】

如何优雅地将一个数组打乱？打乱意味着要随机、没有任何规律，就像洗牌那样，所以用Math.random()生成随机数是个可取的方法。shuffer()有可能在日常开发中使用，所以我们可以归纳到公用的js中去，src/common/js/下新建util.js：

// 生成(min, max]之间的随机整数
function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1) + min)
}

// 洗牌函数：遍历需要洗牌的数组，每次生成一个0到i的随机整数j，让第i位的元素与第j位的元素互换位置，以达到打乱的目的
export function shuffle(arr) {
  let _arr = arr.slice()
  for (let i = 0; i < _arr.length; i++) {
    let j = getRandomInt(0, i)
    let t = _arr[i]
    _arr[i] = _arr[j]
    _arr[j] = t
  }
  return _arr
}

调用

import {shuffle} from 'common/js/util'

...

let arr = [2, 4, 76, 90, 234, 78, 1, 34, 67, 76, 89, 231, 23, 42, 5, 9]
let list = shuffle()

---

还有一个简单的方法：

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