如何使用 Javascript 随机化文本？

Question

目标：当页面加载时，您会从一个数组中随机获取 5 个引号。引号不应该是 same/overlap。我已经能够使用下面的代码随机生成一个报价。我无法弄清楚的是如何在不重复的情况下显示多个随机引号。

我的问题是，即使我多次显示 math.random 的结果，它仍然是相同的随机引用——例如，页面将加载随机引用“#1”并显示该引用 5 次5 随机不同的报价。

当前 JS 代码：

var quotes = ['Quote 1', 'Quote 2', 'Quote 3', 'Quote 4', 'Quote 5', 'Quote 6', 'Quote 7', 'Quote 8', 'Quote 9', 'Quote 10'];
var quote = quotes[Math.floor(Math.random()*quotes.length)];

var result = document.querySelector("#quoteOne");
result.textContent = (quote);

<p id="quoteOne"></p>

Answer 1

如果您考虑使用 Lodash，可以通过 _.sample

解决

var randomQuote = _.sample(quotes);

DEMO

如何使用 Javascript 随机化文本？

How to use Javascript to randomize text?

javascript

arrays

string

lodash