javascript - 如何使用Math.random()将三张图片分配到三个img元素中？

Question

我有 3 张图片。 1.jpg、2.jpg、3.jpg。我想将它们随机分布到三个 img 元素中(在窗口刷新时，三个图像的位置将会改变)。
我如何在这里使用 Math.random() ？谢谢。

<img src='' id='img1' />
<img src='' id='img2' />
<img src='' id='img3' />

Answer 1

您可以打乱您创建的数组:

var arr = ["1.jpg", "2.jpg", "3.jpg"];
arr.sort(function() {return 0.5 - Math.random()});

Some people prefer other ways of shuffling ，但是改组方法可以确保您在结果数组中只获取一次所有元素。