通过js随机函数Math.random实现乱序

通过JS随机函数Math.random()来实现乱序，需要经过以下几个步骤：

1. 确定需要随机排序的数组

首先需要选定需要进行乱序操作的数组。可以是一个由固定元素组成的数组，也可以是动态获取的数据列表等。

例如，下面的代码定义了一个由数字1~5组成的数组：

var arr = [1, 2, 3, 4, 5];

1. 创建一个乱序函数

为了方便对数组进行乱序操作，需要先创建一个乱序函数。这个函数将接收一个数组，然后将数组中的元素随机排序，并返回乱序后的数组。

下面是一个实现乱序函数的代码示例：

function shuffleArray(arr) {
  var newArr = arr.slice();
  for (var i = newArr.length - 1; i > 0; i--) {
    var j = Math.floor(Math.random() * (i + 1));
    var temp = newArr[i];
    newArr[i] = newArr[j];
    newArr[j] = temp;
  }
  return newArr;
}

这个函数中，使用Math.random()生成一个随机浮点数，然后将其乘以数组索引的范围(i+1)。Math.floor()函数将浮点数向下取整后得到一个整数，作为数组的随机索引位置j。然后将 j 和 i 的元素进行交换，最终得到乱序后的数组。

1. 使用乱序函数对数组进行排序

最后一步就是将需要随机排序的数组传入乱序函数，然后获得乱序后的结果。

例如，以下是使用刚刚定义的乱序函数对数组进行随机排序的代码：

var arr = [1, 2, 3, 4, 5];
var shuffledArr = shuffleArray(arr);
console.log(shuffledArr);

这个代码示例中，首先将需要随机排序的数组 [1, 2, 3, 4, 5] 传入 shuffleArray() 函数，然后使用 console.log() 来输出乱序后的结果。

另一个示例，假设有一个订餐网站需要对菜单列表进行随机排序，以下是相应的代码示例：

<ul id="menu-list">
  <li>鱼香肉丝</li>
  <li>宫保鸡丁</li>
  <li>回锅肉</li>
  <li>麻婆豆腐</li>
  <li>水煮鱼</li>
</ul>

var menuList = document.getElementById("menu-list");
var menuItems = menuList.getElementsByTagName("li");
var shuffledItems = shuffleArray(Array.from(menuItems));
for (var i = 0; i < shuffledItems.length; i++) {
  menuList.appendChild(shuffledItems[i]);
}

这个示例中，首先使用 document.getElementById() 方法获取菜单列表，再使用 getElementsByTagName() 方法获取菜单项的列表。然后将菜单项列表转换成数组，使用刚才定义的乱序函数对其进行随机排序，并将结果按顺序添加到菜单列表中，从而得到了一个乱序后的菜单列表。