文字列の分割と、私は文字列にしようとしている数

Question

での文字列の合計を数えるが、この長い文字列を分割し、同じ文字列のx前に数をsuming持つすべてのオカレンスCOUT私は苦労してる

<div id="all">3xOrange;2xBlue;1xRed;1xRed;1xRed;1xOrange;2xBlue;3xRed;1xBlue;1xRed;2xBlue;3xRed;1xBlue;1xRed;2xBlue;3xRed;1xBlue;1xRed;2xBlue;3xRed;1xBlue;1xRed;2xOrange;3xRed;1xBlue;1xRed;2xBlue;3xRed;1xBlue;1xRed;20xBlue;33xRed;20xBlue;33xRed;2xBlue;3xRed;51xBlue;51xRed;</div> 

<b id="total"></b> 

を分割しますこのコード：

var obj = {}; 

$("#all").text().split(";").forEach(function(text){ 
    if (text != ""){ 
    var part = text.split("x"); 
    obj[part[1]] = obj[part[1]] != undefined ? obj[part[1]]+1 : parseInt(part[0]); 
    } 
}); 
for (key in obj) { 
    $("#total").append(obj[key] +"×"+ key + "; "); 
} 

問題は、アルが、それは理論的に動作しますが、しかし、文字列分割の一部の上に掲示一つはsumingによって無視されるような文字列が長すぎるということです。 合計の合計がOrange Red and Blueで間違っています。

Codepen code here!

私はきちんと私の文字列分割を合計し、このfuncionalityを修正することができますどのように、助けてください。私はx ONT ;と一瞬で上splitをしましたし、合計で最初の行を追加します

まず：

Answer 1

はこのような何かを試してみてください。

合計で各キーを保存するための連想配列を作成します。そしてObject.keys(array).forEach(function(key, index) {},array);方法やfor(var key in array){}

var array = $("#all").text().split(';'); 
 
var total=0; 
 
var colorarray = new Array(); 
 
$.each(array,function(key,value){ 
 
if(value!='') 
 
{ 
 
    if(colorarray[value.split("x")[1]]==undefined) 
 
    { 
 
    colorarray[value.split("x")[1]]=0; 
 
    } 
 
    
 
    var itemnumber = parseInt(value.split("x")[0]); 
 
    colorarray[value.split("x")[1]]+=(itemnumber); 
 
    total+=(itemnumber); 
 
} 
 
}); 
 

 
for(var key in colorarray) 
 
{ 
 
    $("#total").append("<div>"+key+" : "+colorarray[key]+"</div>"); 
 
}; 
 

 
$("#total").append("<div>total :"+total+"</div>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="all">3xOrange;2xBlue;1xRed;1xRed;1xRed;1xOrange;2xBlue;3xRed;1xBlue;1xRed;2xBlue;3xRed;1xBlue;1xRed;2xBlue;3xRed;1xBlue;1xRed;2xBlue;3xRed;1xBlue;1xRed;2xOrange;3xRed;1xBlue;1xRed;2xBlue;3xRed;1xBlue;1xRed;20xBlue;33xRed;20xBlue;33xRed;2xBlue;3xRed;51xBlue;51xRed;</div> 
 

 
<b id="total"></b>