JavaScript jak wyświetlić każdy element tablicy w nowej linii

Question

Mam ciąg znaków budowania ciąg znaków oddzielone wartości Używam split, aby uzyskać każdą wartość, a następnie chcę pokazać każdą wartość w nowej linii, ale tak naprawdę to się dzieje, że Otrzymuję każdą wartość w nowym wierszu, z wyjątkiem dwóch ostatnich, które są wyświetlane razem w tej samej linii. Żeby było jasne:

wartosc1

, VALUE2

, wartość3

, value4, value5

Oto funkcja, która używam:

_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; 
    } 

Dla jasności jest to napisane w ExtJS 4, jestem prawie pewien, że w tym przypadku problem jest czysty JavaScript i nie jest związany z ExtJS 4, ale tak czy owak, może się mylę.

Więc jakie są pomysły, dlaczego tak się dzieje i jak mogłem zrobić to ostatnie, aby dostać się do nowej linii?

Dzięki

Leron

Answer 1

pętli for jest podejrzane. Po pierwsze, nie przetwarzasz wszystkich przedmiotów (ten ostatni brak, jak zauważył @sarfraz). Sencondly wracasz wyniku (zzz) w pętli for ciała:

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...] 
} 

W javscript można proste „join” tablicę:

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

Ponieważ jesteś po prostu zastąpienie ciągów można użyć metoda replace:

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

Answer 2

zmodyfikowałem swoją funkcją bitową cleaner.since już Stefan wspomniał swój błąd.

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');   
    } 

powyższych funkcji można zrobić to w jednym wierszu:

jeśli jest tablicą można podzielić na nowej linii w następujący sposób:

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

jeśli jest to ciąg:

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