首页 >web前端 >js教程 >如何借助 JavaScript 创建具有随机值的数组？

如何借助 JavaScript 创建具有随机值的数组？

WBOY转载: 2023-08-24 22:17:031866浏览

我们可以使用 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());
}

以上语法创建一个包含 0 到 1 之间 20 个数字的数组。

要创建随机自然数数组，我们可以使用以下语法 -

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 以获得介于 0 和 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() 方法、带有 map() 的 Array.from() 方法以及 Array 构造函数。

每种方法都提供了一种创建随机值数组的方法，选择最佳方法取决于项目的具体要求。 Math.random() 函数是生成随机值的简单直接方法，而 for 循环提供了对值生成的更多控制。 Array.fill() 方法和带有 map() 的 Array.from() 方法允许您使用指定函数生成的值填充数组，从而轻松生成随机值数组。

以上是如何借助 JavaScript 创建具有随机值的数组？的详细内容。更多信息请关注PHP中文网其他相关文章！

JavaScript 数据类型 Array for 构造函数 math 循环 map 对象算法

声明：

本文转载于：tutorialspoint.com。如有侵权，请联系admin@php.cn删除

上一篇：将矩阵向右旋转 K 次的 JavaScript 程序下一篇：如何使用 FabricJS 设置文本中的动画持续时间？

查看更多