javascript - 从数组中导出无序列表

Question

我有一组句子，我希望将其转换为无序的 HTML 列表，每个列表包含一个句子的单词，例如 [I play piano the can'] t

<ul>
<li> id = number</li>
<li>I</li>
<li>play</li>
<li>piano</li>
<li>the</li>
<li>can</li>
</ul> 

我正在使用以下内容(我希望!!)遍历数组以获得我想要的格式

    function makeQuest() {
      var quest=['I play piano the can', 'tired I am', 'are seven There week in a days'];
     
      for (var i=0; i< quest.length; i++){
            document.write('<ul class ="div3">')
      	 	document.write('<li id = "number">' + (i + 1) + '.' + ' '+ '</li>')
      	for (var j=0; j < quest[i].length; j++){
      		document.write('<li>')
      		document.write(quest[i][j]) 
      		document.write('</li>' + '</ul>')
      			}
      		}		
     };
     makeQuest()

相反，我开始使用这个脚本:

1.I
play piano the can
2. t
ired I am
3. a
re seven There week in a days.

我做错了什么？

Answer 1

split 空格上的字符串(您的方法是使用字符而不是单词):

function makeQuest() {
  var quest=['I play piano the can', 'tired I am', 'are seven There week in a days'];

  for (var i=0; i< quest.length; i++){
    document.write('<ul class ="div3">')
    document.write('<li>' + (i + 1) + '. </li>')
    for (var j=0; j < quest[i].split(' ').length; j++){
      document.write('<li>')
      document.write(quest[i].split(' ')[j]) 
      document.write('</li>')
    }
    document.write('</ul>')
  }		
};
makeQuest()

并且(这超出了您的问题范围)不要多次使用 id="number"。

更多关于 split()