javascript - 如何从 javascript 中的二维数组中删除开头的逗号？

Question

好吧，我意识到它们不是 JavaScript 中的二维数组，但数组可以包含数组，所以它就像一个二维数组。无论如何，我有一个二维数组，它在新行中吐出一个逗号。我想知道如何删除它？

这是我的 HTML

<form>
    <h1>Please enter data</h1>
    <input id="names" type="text" placeholder="Name" />
    <input id="zipcodes" type="text" placeholder="Zip code" />
    <input type="button" value="Save" onclick="insertData()" /> <br />
    <input type="button" value="Display" onclick="displayData()" />
</form>

<div id="display"></div>

还有我的 JavaScript

var namePlusZip = [[]];
var nameInput = document.getElementById("names");
var zipInput = document.getElementById("zipcodes");

var displayBox = document.getElementById("display");

function insertData() {
    namePlusZip.push([nameInput.value, zipInput.value]);
    delete namePlusZip[0];
    nameInput.value = "";
    zipInput.value = "";
}

function displayData(){
    displayBox.innerHTML = "";

    for (var i=0, l=namePlusZip.length; i<l; i++){
       if (namePlusZip[i] instanceof Array){
           namePlusZip[i] = namePlusZip[i].join(", ") + "</br>"; 
       }
    }

    displayBox.innerHTML += "Names and zip codes: " + namePlusZip;
}

这是输出。

//  Names and zip codes:
//  ,bobby, 12345
//  ,tammy, 45677
//  ,cindy, 34512

注意开头的逗号。如何摆脱它？

Answer 1

您可以使用join('')来代替显示数组字符串。

代码:

displayBox.innerHTML += "Names and zip codes: " + namePlusZip.join('');

演示:http://jsfiddle.net/0n9ryc3h/