JavaScript数组随机排序

最新推荐文章于 2025-03-20 21:29:58 发布

原创最新推荐文章于 2025-03-20 21:29:58 发布 · 280 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript / jQuery

当前文章被收录于：

JavaScript / jQuery

2 篇文章 0 人学习

订阅专栏查看详情

Web前端

当前文章被收录于：

Web前端

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何使用JavaScript对数组进行随机排序。第一种方法是通过数组的sort()方法结合Math.random()实现，但这种方法最后一个数出现概率较高。第二种方法是采用洗牌算法，通过循环遍历并交换元素位置来达到随机排序的效果，这种方法更为均匀。示例代码展示了这两种方法的具体实现。

JavaScript数组随机排序

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js数组随机排序</title>
	</head>
	<body>
		<h1 id="a1"></h1>
		<h1 id="a2"></h1>
		<script type="text/javascript">
			// 1、两两对比，最后一个数在最后出现可能性较大
			var arr1 = [1, 2, 3, 4, 5];
			arr1.sort(function(a, b) {
				return 0.5 - Math.random();
			});
			document.querySelector('#a1').innerHTML = "第一种：" + arr1;
			console.log(arr1);
			//2、洗牌算法（推荐）
			var arr2 = [1, 2, 3, 4, 5];
			var len = arr2.length;
			console.log('len', len);
			for (var i = 0; i < len; i++) {
				var index = Math.floor(Math.random() * len);
				var temp = arr2[index];
				arr2[index] = arr2[i];
				arr2[i] = temp;
			}
			document.querySelector('#a2').innerHTML = "第二种：" + arr2;
			console.log(arr2);
		</script>

	</body>
</html>