Question

我有一个句子数组，我希望将其转换为无序HTML列表，每个列表都包含一个句子的单词，例如[我弹钢琴不能弹

<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()

的更多信息

派生无序列表从数组

1 个答案: