有多个数组时如何处理 math.random？

Question

我有四个数组 - 花、树、小动物和歌曲。

我有四个对应的函数——flower()、tree()、critter() 和 song()。

在上面的每个单独的函数中，我调用了我的 math.random 函数来从特定数组中检索一个随机单词。例如，在我的flower() 函数中，我有：

answer = flowers[Math.floor(Math.random() * flowers.length)];

我发现为了生成随机词，我还需要全局运行我的 math.random 函数。这是我的问题。我不知道在不分配变量的情况下创建 math.random 函数的方法。所以在全球范围内我有这个：

function randomWord() {
  answer = songs[Math.floor(Math.random() * songs.length)];
}

所以有时当我在花卉类别中时，我的花卉数组中的一个词会出现 - 但有时会出现一首歌曲，因为我必须将它发布到全球才能让它发挥作用。

我不知道如何修复它，虽然关于数组的 math.floor 函数有很多问题 - 我没有找到任何关于如何处理这样的多个数组的信息。

我想知道对于全局调用的 math.floor 函数，是否可以使用通用词来代替特定的变量词？或者也许是一个 if-else 语句？我被困住了，不胜感激。谢谢。

编辑添加：

@KevinWallis 这是直接从我的代码中粘贴的：

let answer = "";


function randomWord() {
  answer = songs[Math.floor(Math.random() * songs.length)];
}


function flower() {
  document.getElementById("main").style.display = 'none';
  document.getElementById("play").style.display = "block";
  answer = flowers[Math.floor(Math.random() * flowers.length)];
  word = flowers[answer];
  document.getElementById("categoryName").innerHTML = "Types of Flowers";
  updateTreePicture();
  randomWord();
  generateButtons();
  guessedWord();
}

更新：我只是想发布修复结果：

function randomWord() {
  if (categoryName === 'Flowers') {
    answer = flowers[Math.floor(Math.random() * flowers.length)];
  } else if (categoryName === 'Trees') {
    answer = trees[Math.floor(Math.random() * trees.length)];
  } else if (categoryName === 'Critters') {
    answer = critters[Math.floor(Math.random() * critters.length)];
  } else if (categoryName === 'Songs') {
    answer = songs[Math.floor(Math.random() * songs.length)];
  }
}

Answer 1

您可以为歌曲、鲜花等创建多个random 函数。下面是调用此类随机函数并使用返回值的示例。

function randomSong() {
    songs = ...;
    return songs[Math.floor(Math.random() * songs.length)];
}

function randomFlower() {
    flowers = ...;
    return flowers[Math.floor(Math.random() * flowers.length)];
}

...

function flower() {
    document.getElementById("main").style.display = 'none';
    document.getElementById("play").style.display = "block";
    // use the selected flower instead of the global answer for all
    flower = randomFlower();
    document.getElementById("categoryName").innerHTML = "Types of Flowers";
    // e.g. the flower can be used as parameter
    updateTreePicture(flower);
    generateButtons();
    guessedWord();
}

Answer 2

我认为这里有几件主要的事情将有助于您理解这里，并且可能会阻止您专注于将所有内容存储在单个全局变量中作为在任何地方访问数据的方法：

1. 您可以从函数返回值以在调用该函数的位置使用。

function getTheNumberOne(){
  return 1;
}

var theNumberOne = getTheNumberOne();
console.log(theNumberOne);

1. 如果您希望能够在函数中使用值，可以将值传递给函数。

function getNumberPlusTen(number){
  return number + 10;
}

var numberPlusTen = getNumberPlusTen(5);
console.log(numberPlusTen);

1. randojs.com 提供了一个非常轻量级的库，它可以使随机性更简单、更易读。它会减少你的代码的很多复杂性，让你专注于重要的事情。要使用它，您只需将<script src="https://randojs.com/1.0.0.js"></script> 粘贴到您的 html 文档的 head 标记中，然后您就可以像这样简单易读地处理随机性：

var flowers = ["rose", "sunflower", "tulip"];
var randomFlower = rando(flowers).value;

console.log(randomFlower);

<script src="https://randojs.com/1.0.0.js"></script>

4. 如果您必须将值存储在全局变量中，避免将它们全部混合在一起的简单方法是将它们存储在单独的变量中。您可以拥有多个全局变量！

var flowers = ["rose", "sunflower", "tulip"];
var trees = ["birch", "oak", "maple"];

var randomFlower = "";
var randomTree = "";

function assignRandomValues(){
  randomFlower = rando(flowers).value;
  randomTree = rando(trees).value;
}

function logValues(){
  console.log(randomFlower);
  console.log(randomTree);
}

assignRandomValues();
logValues();

<script src="https://randojs.com/1.0.0.js"></script>

我不能给你任何其他建议，因为我没有看过你的其余代码，但这些概念会很好地指导你。