Javascript配列の各要素を新しい行に表示する方法

Question

コンマ区切りの値をコンマで区切りましたsplitを使用して各値を取得した後、新しい行にそれぞれの値を表示したいのですが、私は同じ行に一緒に表示されている最後の2つを除いて、新しい行にそれぞれの値を取得します。ただ、それを明確にするために：

をvalue1

、値2

、VALUE3

、value4を、VALUE5

ここでは、私が使用している機能です。

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

これはExtJS 4で書かれていることを明確にするために、このケースでは問題は純粋なJavaScriptであり、ExtJS 4と関係がないと確信していますが、おそらく私は間違っています。

なぜそれが起こるのでしょうか、どうすれば私はその最後の要素を新しい行にもつけることができますか？ forループ

おかげ

Leron

Answer 1

ザ・疑わしいです。まず、すべてのアイテムを処理しません（@sarfrazが指摘したように、最後のアイテムは欠落しています）。 Sencondlyあなたは、forループボディに（zzz）結果を返すされていますJavscriptで

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

あなたが単純な配列「参加」することができます：あなたは単にあなたが使用できる文字列を交換しているので

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

をreplace方法：

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

Answer 2

私はあなたの機能ビットcleaner.sinceはすでにあなたの過ちを述べステファン変更しました。

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

上記の機能は、あなたは、単一の行でそれを行うことができます。

それはあなたが方法次の新しい行に分割することができ、アレイの場合：それはだ場合

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

は、文字列：

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