如何从数组中获取随机项 - Javascript

在Javascript编程中，有时需要从一个数组中随机获取一项。这在游戏开发、数据分析等领域中很常见。本篇文章将介绍如何从数组中获取随机项，以及一些常见场景的代码片段。

获取随机数

在选择数组中的随机项之前，我们需要先生成一个随机数。在Javascript中，可以使用Math对象中的random()方法，返回一个[0, 1)之间的随机数。

下面是生成真正的随机数的代码片段：

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

这个函数接受两个参数，分别为最小值和最大值。它使用Math.floor()将随机数转换为整数。

从数组中获取随机项

有了随机数生成的函数，我们可以使用它来获取数组中的随机项。我们可以通过Math.floor随机抽取数组中的元素，直到选取到合适的值。以下代码段展示了这个操作。

function getRandomItem(arr) {
  var randomIndex = Math.floor(Math.random() * arr.length);
  return arr[randomIndex];
}

这个函数接受一个数组作为输入，使用随机数生成器选取数组中的某个元素，然后返回该元素。你可以将任何数组作为参数传递给这个函数，并返回一个随机项。

常见场景

从数组中随机选取元素

在许多场合下，我们需要从数组中随机选取一个元素。例如，在一个简单的JavaScript游戏中，你可能希望随机选取一个怪物或道具。

代码片段如下：

var monsters = ['dragon', 'troll', 'demon', 'vampire', 'goblin'];
var randomMonster = getRandomItem(monsters);
console.log(randomMonster);

这将在monsters数组中随机选取一个元素，并将其赋值给randomMonster变量。这里我们使用console.log()方法打印选中的结果。

从数组中随机选取元素，直到选中与之前不同的项

在某些场景中，你可能希望从数组中随机选取一个元素，但要求它与之前所选不同。例如，在Web上设计轮播图时，你需要从图片列表中随机选择图片，但要确保所选不与之前展示过的图片相同。

代码片段展示如下：

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];
var previousImage = null;
var currentImage = null;

function getRandomImage() {
  while (previousImage === currentImage) {
    currentImage = getRandomItem(images);
  }
  previousImage = currentImage;
  return currentImage;
}

console.log(getRandomImage());

这个函数使用while循环，确保每次所选的元素不同于之前选择的项。这里我们使用了两个变量previousImage和currentImage用于存储上次和本次所选的图片，从而进行比较。一旦找到一个新的元素，我们将其存储在previousImage中，并将其返回到控制台。

结论

在Javascript编程中，从数组中随机获取一项是一项很常见的任务。通过使用Math对象中的random()方法和一些循环，你可以轻松地实现这个目标。在本篇文章中，我们学习了如何从数组中随机获取元素，并探讨了这个任务的一些常见场景。