Anzeige von array Daten in eine Tabelle mit 2 Spalten mit Javascript

Ich habe den folgenden code -

    <script type="text/javascript">
function test() {
    var results = "";
    var myArray    = new Array();
    myArray[0] = "Customizable";
    myArray[1] = "Marketing Collateral";
    myArray[2] = "Online Marketing";
    myArray[3] = "Training";
    myArray[4] = "Event Resources";
    myArray[5] = "Marketing Logos";
    myArray[6] = "Competitive Solution Comparison";
    myArray[7] = "Sales Tools";
    myArray[8] = "Retail Marketing"
    myArray[9] = "Internal";        

    results = "<table>";
for (var i=0; i<myArray.length; i++) {
    results += "<tr><td>" + myArray[i] + "</td>";  
    results += "<td>" + myArray[i+1] + "</td></tr>";  
}

results += "<tr><td colspan=2><a href='#' onclick='javascript:RedirectParentToDownload();'>View all content ></a></td></tr>";
results += "<table><br /> <br />";

 var div = document.getElementById("associatedAssets");
    div.innerHTML = results;    
}
</script>
<body onload="javascript:test();">
<div id="associatedAssets"></div>


 </body>

Wie bekomme ich die Ausgabe gerendert werden als 2 Spalten und n Zeilen? Ich möchte die Ausgabe so Aussehen -

    Customizable      Marketing Collateral
    Online Marketing  Training
    Event Resources   Marketing Logos
    etc

InformationsquelleAutor tempid | 2011-06-13

html-table javascript

Müssen Sie verwenden eine Schrittweite von 2 für i in der for-Schleife.

Auch ein check, um zu sehen, ob die i+1-element vorhanden ist, bevor Sie es verwenden, während Sie in der Verknüpfung der array-Inhalt in HTML string.

Versuchen Sie dies:

    function test() {
        var results = "";
        var myArray    = new Array();
        myArray[0] = "Customizable";
        myArray[1] = "Marketing Collateral";
        myArray[2] = "Online Marketing";
        myArray[3] = "Training";
        myArray[4] = "Event Resources";
        myArray[5] = "Marketing Logos";
        myArray[6] = "Competitive Solution Comparison";
        myArray[7] = "Sales Tools";
        myArray[8] = "Retail Marketing"
        myArray[9] = "Internal";        

        results = "<table>";
            for (var i=0; i<myArray.length; i=i+2) { //###NOTICE THE CHANGE FROM i++ TO     i=i+2               
                results += "<tr><td>" + myArray[i] + "</td>";  
                if(i+1 < myArray.length){
                                results += "<td>" + myArray[i+1] + "</td></tr>";  
                } else{
                             results += "<td></td></tr>";   
                }
            }

        results += "<tr><td colspan=2><a href='#' onclick='javascript:RedirectParentToDownload();'>View all content ></a></td></tr>";
        results += "<table><br /> <br />";

         var div = document.getElementById("associatedAssets");
        div.innerHTML = results;    
    }

Ich danke Ihnen sehr! Arbeitete wie ein Charme. 🙂

InformationsquelleAutor Chandu

1

Wenn Sie Ihre Schleife:
```
for (var i=0; i<myArray.length; i=i+2) {
```
Dann ist dein code funktioniert grundsätzlich. Sie wird aber wollen, um zu überprüfen, dass myArray[i+1] gibt, so dass es funktioniert auch mit einer ungeraden Anzahl von Elementen.

Ich danke Ihnen sehr. Ich wünschte, ich könnte markieren Sie zwei Antworten als Antworten.

InformationsquelleAutor James Montagne
1

Hier es ist, zu arbeiten und Feste.

Hier, überspringen Sie 2. Reihe, wegen den 2 Spalten
```
for (var i = 0; i < myArray.length; i+=2 )
```
Müssen Sie auch überprüfen Sie das zweite element. Wenn die Elemente im array sind auch kein problem, Sie sind divisable durch 2. Wenn es ungerade ist, wird Sie anrufen, um Elemente, die nicht existieren. Überprüfen Sie, ob Sie undefiniert ist mit ternärer operator
```
( myArray[i+1]===undefined ? '' : myArray[i+1] )
```
oder mehr einfach
```
( myArray[i+1] || '' )
```
InformationsquelleAutor Bakudan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.