JS如何让数组中的元素随机展示
简介:在网站的图片显示,抽奖,作品展示这些方面,都存在着,随机打乱数组中的元素的功能。
算法思路:
首先我们需要第一个数组,然后获取这个数组的长度,根据这个长度,结合random函数,获取随机的索引值,然后再定义一个根据数组索引,交换元素位置的函数,就可以实现了。
代码如下
首先定义一个数组
var elements = [“e1”, “e2”, “e3”, “e4”, “e5”];
获取数组长度,定义索引
var len = elements.length, index;
循环遍历进行随机排序,这里涉及到了floor向下取整,Math.random()是产生一个0到1之间的随机小数,向下取整
可以保证不会越界。
for (var i = len - 1; i >= 0; i --){
index = Math.floor(Math.random()*point);
// 交换函数部分
temp = elements[index];
elements[index] = elements[i];
elements[i] = temp;
}