如何使用 JavaScript 创建一个包含随机值的数组?
我们可以使用 JavaScript 的 Math.random() 方法来生成随机值。JavaScript 为我们提供了不同的数组方法,例如 from()、fill() 和 push(),这些方法可用于创建包含随机值的数组。
JavaScript 中的数组是一个强大的特性,允许您存储不同数据类型的值的集合。它们广泛用于许多应用程序,在某些情况下,拥有一个包含随机值的数组非常有用。
随机值数组是在数组中存储的一组随机生成的数字。随机值数组中的值可以使用内置函数或自定义算法生成。数组的大小和值的范围可以根据需要指定。
使用 Math.random()
Math.random() 是最常用的内置 JavaScript 方法之一,它生成 0(包含)和 1(不包含)之间的随机数。它可用于为各种目的生成随机数,例如模拟、游戏和统计应用程序。
我们使用 for 循环和 Math.random() 方法来创建数组。请查看下面的语法:
语法
以下是使用循环和 Math.random() 方法创建包含随机值的数组的语法。
for (let i = 0; i < 20; i++) { randomArr.push(Math.random()); }
以上语法创建了一个包含 20 个 0 到 1 之间的数字的数组。
要创建随机自然数数组,我们可以使用以下语法:
for (let i = 0; i < 20; i++) { randomArr.push(Math.floor(Math.random() * 100) + 1); }
示例
在以下示例中,我们创建了一个包含 20 个 1 到 100 之间的随机数的数组。
<html> <body> <p id="array"></p> <script> let randomArr = []; for (let i = 0; i < 20; i++) { randomArr.push(Math.floor(Math.random() * 100) + 1); } document.getElementById("array").innerHTML = JSON.stringify(randomArr); </script> </body> </html>
在这个例子中,我们首先创建一个名为 randomArr 的空数组。然后我们使用 for 循环迭代 10 次,在每次迭代中,我们使用 Math.random() 函数生成 0 到 1 之间的随机数。然后我们将此数字乘以 100 并加 1 以获得 1 到 100 之间的数字。最后,我们使用 Math.floor() 函数将数字向下舍入到最接近的整数。然后我们使用 push() 方法将此随机数添加到 randomArr 中。
输出会发生变化,因为它每次执行代码时都会产生随机值。
使用 Array.from() 方法
Array.from() 方法和 map() 方法可以一起在 JavaScript 中使用,以创建一个由指定函数生成的值组成的数组。Array.from() 方法从类数组或可迭代对象创建数组,map() 方法可用于将函数应用于数组中的每个元素。
示例
在这个例子中,我们向 Array.from() 方法传递两个参数:一个具有长度属性为 10 的对象和一个返回 1 到 100 之间的随机数的函数。Array.from() 方法创建一个具有给定长度的新数组,并用调用提供的函数的结果填充它。
<html> <body> <p id="array"></p> <script> const randomArr = Array.from({length: 10}, () => Math.floor(Math.random() * 100) + 1); document.getElementById("array").innerHTML = JSON.stringify(randomArr); </script> </body> </html>
使用 Array.fill() 方法
Array.fill() 方法是另一种在 JavaScript 中创建包含随机值的数组的方法。它允许您用静态值或由函数生成的值填充数组。让我们看看如何使用 Array.fill() 方法创建包含随机值的数组。
<html> <body> <p id="array"></p> <script> let result = new Array(10) result = result.fill(0).map(() => Math.floor(Math.random() * 100)); document.getElementById("array").innerHTML = JSON.stringify(result); </script> </body> </html>
总之,随机值数组是编程中许多应用程序的有用工具,尤其是在模拟、游戏和统计中。JavaScript 提供了几种生成随机值数组的方法,包括使用 Math.random() 方法、for 循环、Array.fill() 方法、Array.from() 方法与 map() 以及 Array 构造函数。
每种方法都提供了一种创建随机值数组的方法,选择最佳方法取决于您项目的具体要求。Math.random() 函数是一种简单直接的生成随机值的方法,而 for 循环提供了对值生成过程的更多控制。Array.fill() 方法和 Array.from() 方法与 map() 允许您用指定函数生成的值填充数组,从而易于生成随机值数组。