在JavaScript / jQuery中随机分配3个数组

Question

我想将三个数组随机化为字体，字体大小，字体粗细。 然后，我需要在一个div中显示三个数组的结果，其类名称为randomFont。 因此，每次我使用randomFont类时，它将返回一个随机的字体/大小/粗细。

关于我将如何执行此操作的任何想法？

假设我在每个数组中都有3个变量。

• 数组1（字体）>字体1，字体2，字体3
• 数组2（字体粗细）>粗体，浅色，100
• 数组3（字体大小）> 12px，24px，100px

然后，我希望一个数组从每个数组中随机选择一个，并在名为randomFont的div>类中显示输出。

我该怎么做？

Answer 1

确实不需要jQuery，但是应该这样做，因为您没有提供我必须编写的任何示例代码，但这应该可以助您一臂之力。

var item = items[Math.floor(Math.random() * items.length)];

对每个数组执行此操作。

Answer 2

您可以在http://jsfiddle.net/CrossEye/bwsvy/中看到一种方法

var fonts = ['Arial', 'Helvetica', 'Georgia', 'Tahoma', 'Verdana'];
var weights = ['normal', 'bold', 'lighter'];
var sizes = ['16px', '20px', '24px', '36px', '40px'];

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

// ...
var text = choose(sizes) + ' ' + choose(weights) + ' '  +  choose(fonts);
output.innerHTML = '<div class="randomFont">' + text + '</div>';
// e.g. '24px bold Tahoma'

Answer 3

不清楚将数组随机化是什么意思。 如果您有固定的值列表，并且想在适当的位置重新排列它们，那么您需要一个随机播放功能，如下所示：

var shuffle = function(arr) {
    for (var i = arr.length; i--;) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = arr[i];
        arr[i] = arr[j];
        arr[j] = temp;
    }
    return arr;
}

这可能只是对您正在寻找的内容的部分答案，但对我来说，现在还不清楚您总体上的追求是什么。