写出在逗号阵列结果项目每个项目后

Question

进出口打印出数组中的项目在一个HTML列表：

"use strict"; 

var giftArray = ["kettle", "iron", "bed", "tv", "lamp"]; 
var gifts = function() { 
    var values= []; 
    for (var i = 0; i < giftArray.length; i++) { 
    values.push("<li>" + giftArray[i] + "</li>"); 
    } 
    document.write("<ul>" + values + "</ul>"); 
} 

gifts(); 

它的不同之处在于它包含每个结果后逗号工作。为什么会发生这种情况，我该如何阻止它？

Answer 1

如果您将数组连接到一个字符串，您将获得默认数组.toString()表示形式，即所有使用逗号连接的元素。

使用the .join() method加入所有与您选择，例如分离器中的数组的元素，一个空字符串：

var giftArray = ["kettle", "iron", "bed", "tv", "lamp"]; 
 
var gifts = function() { 
 
    var values= []; 
 
    for (var i = 0; i < giftArray.length; i++) { 
 
    values.push("<li>" + giftArray[i] + "</li>"); 
 
    } 
 
    document.write("<ul>" + values.join("") + "</ul>"); 
 
} 
 

 
gifts();

或者你可以使用.join()，而不是你的请使用适当的HTML标签来加入您的原始giftArray：

var giftArray = ["kettle", "iron", "bed", "tv", "lamp"]; 
 
var gifts = function() { 
 
    document.write("<ul><li>" + giftArray.join("</li><li>") + "</li></ul>"); 
 
} 
 

 
gifts();

Answer 2

使用加入（）与空字符串作为定界符

document.write("<ul>" + values.join('') + "</ul>"); 

writng阵列成DOM时默认为将其转换为使用Array.prototype.toString()串，其包括逗号delimter