JavaScript:如何从字符串数组中选择一个不那么随机的元素.也就是说，某些元素应该更频繁地返回

JavaScript: How to select a not-so-random element from an array of strings. That is, certain elements should be returned more often

本文关键字：元素 也就是说 随机 返回 字符串 数组 选择 一个 JavaScript      更新时间：2023-09-26

我读过一些关于从数字数组中选择元素的更高概率和钟形曲线的文章，但我有一个字符串数组要从中选择。我的网站上有一堆DIV，我想从一组6种颜色中随机选择颜色：

var colors = new Array('red', 'orange', 'yellow', 'green', 'blue', 'purple');

比方说我真的很喜欢红色。我怎么能调整下面的代码来获取一个"随机"元素，但让"红色"比其他元素更受欢迎呢？即，我希望它大部分时间都返回"红色"。

$('.box').each(function() {
  // Get a "random" color
  var randomColor = colors[Math.floor(Math.random()*colors.length)];
  $(this).css('background-color', randomColor);
});

我意识到我可以在数组中多次添加"red"，但我正在努力避免这种情况。还是有完全不同的方法？谢谢

您可以创建另一个与充满颜色的数组一样长的数组，并为它们分配概率（即，整个数组必须加起来为1）。从这里生成一个介于1和0之间的数字，当你迭代概率数组时，从中减去。一旦它达到0，就取该索引并返回相应的颜色。我不擅长JavaScript，但我会尝试的。

var colors = new Array('red', 'orange', 'yellow', 'green', 'blue', 'purple');
var probabilities = new Array(0.5 , 0.1, 0.1, 0.1, 0.2);
var prob = Math.random()
var i=0;
for (i=0;i<probabilities.length && prob > 0;i++)
{
prob = prob - probabilities[i];
}
var color = colors[i];

我认为这应该奏效。

此外，很难说你有多喜欢红色，但这里有一种可能的方法：

var randomColor = colors[Math.random() > 0.5
    ? Math.floor(Math.random() * colors.length) : 0];

在这种情况下，红色将以比其他颜色高0.5的概率被选择。

相关文章：