Javascript -从随机的单词数组创建段落

Question

我试着以一组单词为例。

Apple
Banana
The
Orange
House
Boat
Lake
Car
And

我希望能够使用javascript将这些单词中的50个随机输出到div。这是可能的吗?如果可能，我是否应该考虑将它们放入数组或类似的东西中？

Answer 1

这是可能的，这里有一个快速而肮脏的例子。(对不起，我没有更多的时间自动取款机)

var words = ['apple', 'beer', 'cake', 'potato', 'orange'],
    div = document.getElementById('foo');

for(i = 0; i < 50; i++) {
    div.innerHTML += ' ' + words[Math.floor(Math.random() * words.length)];
}

​

http://jsfiddle.net/LavY5/

Answer 2

是的，这是可能的，使用Math.random函数生成文本，使用innerHTML填充div。

数组使得获取单词变得更容易。

var tokens = ['Apple', 'Banana', 'The' ...];
var text = '';
for (var i=0; i<50; i++) {
    text += tokens[Math.floor(Math.random()*tokens.length)];
}
document.getElementById('myDiv').innerHTML = text;

Answer 3

是的，使用数组。要从这样的数组中获取随机字，请使用以下命令：

function getRandomWord() {
   var words = ['Apple','Banana','The','Orange','House','Boat','Lake','Car','And'];
   return words[Math.floor(Math.random() * words.length)];
}

然后按您喜欢的程度调用该函数。

var paragraph = [];
for(var i = 0; i < 50; i++)
    paragraph.push(getRandomWord());

$('#my-container').text( paragraph.join(' ') );