随机坐标JS - JavaScript

在开发中，我们可能需要随机生成一些坐标，用于测试或者展示等目的。在JavaScript中，我们可以很方便地使用Math库中的函数来生成随机坐标。

1. 生成随机整数

我们先来写一个函数，用于生成一个在指定范围内的随机整数。

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

该函数接收两个参数：生成的随机整数的最小值和最大值。使用Math.random()生成一个0到1之间的随机数，然后根据最小值和最大值计算出其在范围内的整数值。

2. 生成随机坐标

在通过随机整数生成坐标前，我们需要先确定坐标系。在本例中，我们假设坐标系为二维平面直角坐标系，即x轴和y轴两条垂直的直线组成的平面。

function getRandomCoordinates(minX, maxX, minY, maxY) {
  const x = getRandomInt(minX, maxX);
  const y = getRandomInt(minY, maxY);
  return [x, y];
}

该函数接收四个参数：坐标x轴的最小值和最大值，坐标y轴的最小值和最大值。函数内部先调用之前定义的getRandomInt()函数生成x和y的坐标，最后将其打包成数组并返回。

3. 示例

下面是一个使用随机坐标函数生成10个坐标的示例代码：

const coordinates = [];
for (let i = 0; i < 10; i++) {
  const coordinate = getRandomCoordinates(1, 100, 1, 100);
  coordinates.push(coordinate);
}
console.log(coordinates);

其中，函数调用参数中的1和100分别代表x轴和y轴的最小值和最大值。运行结果如下：

[
  [43, 19],
  [60, 46],
  [82, 82],
  [43, 77],
  [35, 97],
  [5, 88],
  [74, 96],
  [32, 86],
  [86, 4],
  [36, 82]
]

生成的10个坐标位于(1,1)到(100,100)之间，每次运行结果都不一样。

4. 总结

通过本文介绍，我们学习了如何使用JavaScript中Math库中的函数来生成随机整数和随机坐标，以及如何使用循环语句和数组来创建多组坐标。在实际开发中，我们可以利用这些方法生成需要的测试数据和坐标点等。