Javascript come mostrare ogni elemento della matrice su una nuova riga

Question

Ho un valore di compilazione di una stringa valori separati da virgola Io uso split per ottenere ogni valore e dopo voglio mostrare ogni valore su una nuova riga ma ciò che realmente accade è che Ricevo ogni valore su una nuova riga tranne gli ultimi due che sono mostrati insieme su una stessa riga. Giusto per chiarire:

valore1

, valore2

, valore3

, valore4, Value5

Ecco la funzione che sto usando:

_checkDates: function(dates) { 
     if (dates != null) 
     { 
      var zzz = dates.split(','); 
      var xxx = zzz.length; 
      console.log(xxx); 
      for (var i=0; i<=xxx; i++) 
       { 
        zzz[i] = zzz[i] + '<br />'; 
        return zzz; 
       } 
     } 
     return dates; 
    } 

Giusto per essere chiari, questo è scritto in ExtJS 4, sono quasi sicuro che in questo caso il problema è puro JavaScript e non è correlato con ExtJS 4 ma in ogni caso, forse ho sbagliato.

Quindi, qualsiasi idea, perché succede e come potrei fare in modo che anche l'ultimo elemento venga inserito in una nuova riga?

Grazie

Leron

Answer 1

Il ciclo for è sospetto. Innanzitutto, non elabori tutti gli elementi (manca l'ultimo, come sottolineato da @sarfraz). Sencondly si restituisce il risultato (zzz) nel corpo per-loop:

for (var i=0; i<=xxx; i++) 
{ 
    zzz[i] = zzz[i] + '<br />'; 
    return zzz; // for-loop will stop here! resulting in ["value1<br />", "Value2", etc...] 
} 

In javscript è possibile semplice "unire" la matrice:

return dates.split(',').join("<br />") 

Dal momento che si sta semplicemente sostituendo le stringhe si potrebbe usare il metodo replace:

return dates.replace(",", "<br />"); 

Answer 2

Ho modificato la funzione po cleaner.since già accennato Stefan tuo errore.

function splitDate(dates) { 
     if (dates != null) 
     { 
      var dates = dates.split(','); 
      var xxx = dates.length; 
      console.log(xxx); 
      for (var i=0; i<xxx; i++) 
       { 
        dates[i] = dates[i];      
       } 
     } 
     console.log(dates.join('\r\n')); 
     return dates.join('\r\n');   
    } 

la funzione di cui sopra si può fare in una sola riga:

se si tratta di una matrice è possibile dividere in nuova linea nel seguente modo:

var arr = ['apple','banana','mango']; 
console.log(arr.join('\r\n')); 

se si tratta di un stringa:

var str = "apple,banana,mango"; 
console.log(str.split(',').join("\r\n"));