如何使用 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() 允许您用指定函数生成的值填充数组,从而易于生成随机值数组。

更新于: 2023年2月23日

7K+ 次浏览

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告