在前端开发中，我们经常需要从一个数组中获取随机元素。这在实现一些交互效果或者动态生成内容的时候非常有用。下面是一些从JavaScript数组获取随机值的方法。
方法一：使用Math.random()
我们可以通过生成一个0到1之间的随机数，然后将其乘以数组长度来获取一个随机索引。具体代码如下：
----- --- - --------- --------- --------- --------- ----- ----------- - ------------------------ - ------------ ----- ----------- - ----------------- -------------------------
上述代码首先定义了一个包含四个元素的数组arr。接着，它生成了一个随机索引randomIndex。最后，我们可以通过randomIndex获取数组中的随机值randomValue。这种方法非常简单，但是由于Math.random()生成的是一个伪随机数，所以不能保证很高的安全性。
方法二：Fisher–Yates shuffle算法
另一种获取随机值的方法就是使用Fisher-Yates shuffle算法（也称为Knuth shuffle算法）。该算法通过交换数组中的元素来打乱它们的顺序，然后从打乱后的数组中获取一个随机元素。具体代码实现如下：
-------- ------------------- -
--- ---- - - ------------ - -- - - -- ---- -
----- - - ------------------------ - -- - ----
---------- --------- - ---------- ----------
-
-
----- --- - --------- --------- --------- ---------
------------------
----- ----------- - -------
-------------------------上述代码中，我们首先定义了一个名为shuffleArray的函数。该函数使用Fisher-Yates shuffle算法来打乱数组中的元素。接着，我们将原始数组arr传递给shuffleArray函数进行打乱，然后从打乱后的数组中获取第一个元素作为随机值。由于打乱数组的过程并不会改变原始数组arr，因此可以多次调用该方法来获取不同的随机值。
方法三：使用Lodash库
如果你使用Lodash库，那么获取随机值非常简单。Lodash提供了一个名为_.sample的函数，该函数可以从数组中获取一个随机值。具体代码如下：
----- - - ------------------ ----- --- - --------- --------- --------- --------- ----- ----------- - -------------- -------------------------
上述代码中，我们首先使用require()函数引入了Lodash库。接着，我们定义了一个包含四个元素的数组arr，并使用_.sample函数来获取随机值randomValue。这种方法非常简单易用，并且可以保证安全性。
无论你使用哪种方法，获取JavaScript数组中的随机值都是非常简单的。这些方法可以用于实现一些交互效果或者动态生成内容，同时也可以帮助你更好地理解JavaScript数组的操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8246