在每次提交时显示一个新的随机数组类的随机数组子类

Question

我正在创建一个 lorem ipsum 应用程序，我想单击一个按钮以从随机字符生成随机引号。并且字符之间不会混合引号​​。但是，每次我单击提交时，它只会显示我在数组中列出的第一个字符的随机引号。我该如何解决这个问题？

const aQuotes = require("./public/quotes/a");
const bQuotes = require("./public/quotes/b");
const cQuotes = require("./public/quotes/c");

const loremIpsum = new GenerateNewText();
function GenerateNewText(){}

GenerateNewText.prototype.getRandomSentence = function() {
  const charQuotes =
  [
    aQuotes,
    bQuotes,
    cQuotes,
  ]
  for(var i = 0; i < charQuotes.length; i++){
    let randomSentence = charQuotes[i][Math.floor(Math.random() * charQuotes[i][Math.floor(Math.random())].length)]
    return randomSentence;
  }
}

当我运行上面的示例时，它将显示存储在aQuotes 中的随机引用列表，其中包含“未定义”一词。如果我将bQuotes 移动到数组的顶部，那么它将仅显示随机的bQuotes，同时带有“未定义”一词。为什么它只显示数组中第一个元素的结果，为什么显示“未定义”（即aQuotes）？

const aQuotes = [
    "Lalalalalalalala.",
    "Blah blah blah blah.",
    "Blank Blank Blank Blank Blank." 
]

module.exports = aQuotes;

我尝试做 charQuotes[i][Math.floor(Math.random())].length * charQuotes[i][Math.floor(Math.random())].length 认为它会首先随机化 charQuotes 数组，然后随机化单个 a/b/cQuotes 数组，但它最终返回了一个数字 169 的块。我尝试过的其他“修复”结果在所有undefined 文本的段落中，所有NaN 的段落中，或显示所有字符的所有引号，并在此处和此处插入单词“未定义”。

如何在每次点击时随机化 charQuotes 数组和我的 a/b/cQuotes 数组中的内容？并摆脱出现的奇怪的“未定义”文本？

我正在使用 Node 和 Express。

Answer 1

您可以.map()charQuotes 并从每个输入数组返回一个伪随机值，然后.sort() 得到伪随机数组

const getRandomSentence = () => {
  const charQuotes =
  [
    ["a", "b", "c"],
    [1, 2, 3],
    [1.5, 2.5, 3.5],
  ];
  const r = charQuotes.map(arr => arr[Math.floor(Math.random() * arr.length)])
            .sort(_ => 0.5 - Math.random());
  return r.join(" ")
}

console.log(getRandomSentence());

Answer 2

您不需要for 循环。您进入一个循环只是为了在第一次迭代中返回。这就是为什么你总是得到第一个引号数组的原因。

GenerateNewText.prototype.getRandomSentence = function() {
  const allQuotes =
  [
    aQuotes,
    bQuotes,
    cQuotes,
  ]
  const characterQuotes = allQuotes[ Math.floor(Math.random() * allQuotes.length) ]
  return characterQuotes[ Math.floor(Math.random() * characterQuotes.length) ]
}

---

如果要从同一个字符生成引号，则需要将字符信息保存在函数范围之外的变量中，或者像以下示例一样保存在对象实例中：

GenerateNewText.prototype.allQuotes = [
  aQuotes,
  bQuotes,
  cQuotes,
]
GenerateNewText.prototype.getRandomSentence = function() {
  if ( !this.characterQuotes ) {
    this.characterQuotes = this.allQuotes[ Math.floor(Math.random() * allQuotes.length) ]
  }
  return this.characterQuotes[ Math.floor(Math.random() * characterQuotes.length) ]
}