如何从数组中取随机元素而不重复并将其放入textarea

Question

如何以随机顺序设置包含数组中所有值的textarea的值？我目前有2个问题:

• 如果我循环遍历数组,它只将一个元素放入textarea
• 我不希望元素被复制

这是我的代码

var area = document.getElementById('area');
var arr =['www.google.com','www.bing.com','www.yahoo.com','www.codecademy.com','twitter.com'
    ];    
var rand = arr[Math.floor(Math.random()*arr.length)];

for(var i in arr) {
    area.value = arr[i];
}

Answer 1

你实际上只想将数组洗牌,然后用你想要的任何东西加入数组.

例如,使用此答案中的shuffle函数

/**
 * Shuffles array in place.
 * @param {Array} a items The array containing the items.
 * @return {Array} a The shuffled array
 */
function shuffle(a) {
    var j, x, i;
    for (i = a.length; i; i -= 1) {
        j = Math.floor(Math.random() * i);
        x = a[i - 1];
        a[i - 1] = a[j];
        a[j] = x;
    }
}

然后像这样使用它:

var area = document.getElementById('area');
var arr =['www.google.com','www.bing.com','www.yahoo.com','www.codecademy.com','twitter.com'];    
shuffle(arr);

area.value = arr.join(' '); // or with whatever you want to separate them

检查jsfiddle示例:here