首页 > web前端 > js教程 > 正文

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

WBOY
发布: 2023-08-24 22:17:03
转载
1826 人浏览过

如何借助 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());
}
登录后复制

以上语法创建一个包含 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中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板