js數組對象相同項合並處理
阿新 • • 發佈：2018-09-05
des parse cti color log 數據處理 val java function
{"id":"1","name":"張三","value":"1360"},
{"id":"2","name":"李四","value":"1120"},
{"id":"2","name":"李四","value":"1362"},
{"id":"2","name":"李四","value":"1008"},
{"id":"3","name":"王五","value":"1360"},
{"id":"4","name":"趙六","value":"1986"},
{"id":"4","name":"趙六","value":"1240"}
];
var map = {},dest = [];
for(var i = 0; i < arr.length; i++){
var ai = arr[i];
if(!map[ai.id]){
dest.push({
id: ai.id,
name: ai.name,
value: ai.value
});
map[ai.id] = ai;
}else{
for(var j = 0; j < dest.length; j++){
var dj = dest[j];
if(dj.id == ai.id){
dj.value=(parseFloat(dj.value) + parseFloat(ai.value)).toString();
break;
}
}
}
};
console.log(dest);
})
</script>
平時工作中會經常遇到數據處理，其中數組合並處理也會經常遇到，下面就是數組相同項合並的一種方式：
1.首先由原始的數組arr數據，
2.然後創建一個map空對象和一個dest空數組，通過判斷map中是否含有某項來判斷數組dest是否添加數據，
3.然後再判斷相同項和已有的dest數組內容比較合並；
代碼如下：
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
$(function(){
var arr = [
{"id":"1","name":"張三","value":"1245"},
{"id":"1","name":"張三","value":"1360"},
{"id":"2","name":"李四","value":"1120"},
{"id":"2","name":"李四","value":"1362"},
{"id":"2","name":"李四","value":"1008"},
{"id":"3","name":"王五","value":"1360"},
{"id":"4","name":"趙六","value":"1986"},
{"id":"4","name":"趙六","value":"1240"}
];
var map = {},dest = [];
for(var i = 0; i < arr.length; i++){
var ai = arr[i];
if(!map[ai.id]){
dest.push({
id: ai.id,
name: ai.name,
value: ai.value
});
map[ai.id] = ai;
}else{
for(var j = 0; j < dest.length; j++){
var dj = dest[j];
if(dj.id == ai.id){
dj.value=(parseFloat(dj.value) + parseFloat(ai.value)).toString();
break;
}
}
}
};
console.log(dest);
})
</script>
js數組對象相同項合並處理