使用js完成数组乱序排列

最新推荐文章于 2025-07-17 16:07:41 发布

doit_damao

最新推荐文章于 2025-07-17 16:07:41 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Js 文章标签： Javascript 乱序 for循环 forEach sort

本文链接：https://blog.youkuaiyun.com/qq_42127308/article/details/89455103

Js 专栏收录该内容

17 篇文章

订阅专栏

本文介绍四种不同的数组乱序算法实现，包括使用for循环配合Math对象、forEach循环、sort方法及reduce方法，每种方法均有详细代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let testArr = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

1.直接使用for循环配合Math对象

disorderArray (arr) {
  for (let i = 0; i <= arr.length - 1; i++) {
    let randomIndex = Math.round(Math.random() * i)
    let temp = arr[randomIndex]
    arr[randomIndex] = arr[i]
    arr[i] = temp
  }
  return arr
}
console.log(disorderArray(testArr))

2.使用forEach（for...in...或者for...of...）循环配合Math对象

disorderArray (arr) {
  arr.forEach((value, index, array) => {
    let randomIndex = Math.round(Math.random() * index)
    let temp = array[randomIndex]
    array[randomIndex] = array[index]
    array[index] = temp
    /**
     * 注意此处的array[index]不能用value替代，原因在于只是改变了元素的指向；而没有改变arr中的元素
     */
  })
  return arr
}
console.log(disorderArray(testArr))

3.直接使用sort方法

const disorderArray = testArr.sort(function() {
  return Math.random() > 0.5 ? -1 : 1
})
console.log(disorderArray)

4.尝试使用reduce方法（麻烦点，熟练下reduce）

const disorderArray = (arr) => {
  let tempNum = arr.length
  let otherArr = [...arr]
  let tempCode = null
  let tempArr = arr.reduce((acc, val, ind, array) => {
    function getRandom() {
      tempCode = Math.floor(Math.random() * tempNum)
      return otherArr[tempCode]
    }
    let curVal = getRandom()
    // 每次获取到数据之后，就减小index，并将otherArr中的一项删除
    tempNum--
    otherArr.splice(tempCode, 1)
    return [...acc, curVal]
  }, [])
  return tempArr
}
console.log(disorderArray(testArr))