Somme objet javascript propertyA valeurs avec le même objet propertyB dans le tableau d'objets

Comment pourrait-on prendre un tableau javascript d'objets tels que:

my objArr = [
{key:Mon Sep 23 2013 00:00:00 GMT-0400, val:42},
{key:Mon Sep 24 2013 00:00:00 GMT-0400, val:78},
{key:Mon Sep 25 2013 00:00:00 GMT-0400, val:23},
{key:Mon Sep 23 2013 00:00:00 GMT-0400, val:54}]

et de fusion des doubles de clés en additionnant les valeurs.
Afin d'obtenir quelque chose comme ceci:

my reducedObjArr = [
{key:Mon Sep 23 2013 00:00:00 GMT-0400, val:96},
{key:Mon Sep 24 2013 00:00:00 GMT-0400, val:78},
{key:Mon Sep 25 2013 00:00:00 GMT-0400, val:23}]

J'ai essayé de retravailler et d'ajouter un nouveau tableau, mais cela n'a pas fonctionné:

var reducedObjArr = [];
var item = null, key = null;
for(var i=0; i<objArr.length; i++) {
   item=objArr[i];
   key = Object.keys(item)[0];
   item=item[key];

   if(!result[key]){
       result[key] = item;
   }else{
       result[key] += item;}
   }a
  • Pourquoi faites-vous key = Object.keys(item)[0]; item=item[key]; ? Vous connaissez déjà le nom est key, il suffit donc de ne item.key ou objArr[i].key. Aussi, à l'aide de la [0] index ne sera pas nécessairement toujours de vous donner la même propriété.
InformationsquelleAutor AlecPerkey | 2013-10-07
  1. 11

    Vous devriez être en attribuant à chaque objet n'est pas trouvé le résultat avec ses .key propriété.

    S'il est trouvé, alors vous devez ajouter son .val.

    var temp = {};
var obj = null;
for(var i=0; i < objArr.length; i++) {
   obj=objArr[i];

   if(!temp[obj.key]) {
       temp[obj.key] = obj;
   } else {
       temp[obj.key].val += obj.val;
   }
}
var result = [];
for (var prop in temp)
    result.push(temp[prop]);

    Aussi, une partie du problème est que vous avez été la réutilisation de la item variable de référence à la valeur de .key, donc vous avez perdu la référence à l'objet.

    InformationsquelleAutor user2736012
  2. 6

    Plutôt que d'utiliser une boucle for et en poussant des valeurs, vous pouvez utiliser directement carte et réduire:

    JS:

    let objArr = [
  {key: 'Mon Sep 23 2013 00:00:00 GMT-0400', val: 42},
  {key: 'Mon Sep 24 2013 00:00:00 GMT-0400', val: 78},
  {key: 'Mon Sep 25 2013 00:00:00 GMT-0400', val: 23},
  {key: 'Mon Sep 23 2013 00:00:00 GMT-0400', val: 54}
];

//first, convert data into a Map with reduce
let counts = objArr.reduce((prev, curr) => {
  let count = prev.get(curr.key) || 0;
  prev.set(curr.key, curr.val + count);
  return prev;
}, new Map());

//then, map your counts object back to an array
let reducedObjArr = [...counts].map(([key, value]) => {
  return {key, value}
})

console.log(reducedObjArr);

    InformationsquelleAutor Hamms
  3. 5

    Vous pouvez utiliser une table de hachage pour le regroupement par key.

    JS:

    var array = [{ key: 'Mon Sep 23 2013 00:00:00 GMT-0400', val: 42 }, { key: 'Mon Sep 24 2013 00:00:00 GMT-0400', val: 78 }, { key: 'Mon Sep 25 2013 00:00:00 GMT-0400', val: 23 }, { key: 'Mon Sep 23 2013 00:00:00 GMT-0400', val: 54}],
    grouped = [];

array.forEach(function (o) {
    if (!this[o.key]) {
        this[o.key] = { key: o.key, val: 0 };
        grouped.push(this[o.key]);
    }
    this[o.key].val += o.val;
}, Object.create(null));

console.log(grouped);

    CSS:

    .as-console-wrapper { max-height: 100% !important; top: 0; }

    Une autre approche consiste à recueillir toutes les paires clé/valeur dans un Map et le format du tableau final avec Array.à partir de et un rappel pour les objets.

    JS:

    var array = [{ key: 'Mon Sep 23 2013 00:00:00 GMT-0400', val: 42 }, { key: 'Mon Sep 24 2013 00:00:00 GMT-0400', val: 78 }, { key: 'Mon Sep 25 2013 00:00:00 GMT-0400', val: 23 }, { key: 'Mon Sep 23 2013 00:00:00 GMT-0400', val: 54 }],
    grouped = Array.from(
        array.reduce((m, { key, val }) => m.set(key, (m.get(key) || 0) + val), new Map),
        ([key, val]) => ({ key, val })
    );

console.log(grouped);

    CSS:

    .as-console-wrapper { max-height: 100% !important; top: 0; }

    • comment ajouter plusieurs touches?
    • remplacer val dans this[o.key].val += o.val; avec votre propriété à ajouter.
    • Désolé, j'ai signifié comment ajouter une autre condition avant d'ajouter par exemple si leur autre propriété appelée "catégorie". Je souhaite vérifier la clé et de la catégorie.
    • prendre un tableau pour les clés pour le groupe, comme groups = ['foo', 'bar'], à l'intérieur de la forEach utilisation var key = groups.map(k => o[k]).join('|'); et ensuite utiliser this[key] au lieu de this[o.key]. peut-être omettre this à tous et à utiliser une variable globale pour l'objet pour le regroupement.
    • comment la somme de mêmes valeurs dans l'objet si mon obj quelque chose comme cela obj = [ { menu: "apple", amount: 3}, { menu: "apple", amount: 1}, {menu: "melon", amount: 10}, {menu: "stawberry", amount: 7} ]; je veux que la sortie est [ {menu: apple, total: 4}, {menu: melon, total: 10}, and.......... ] @NinaScholz
    • vous avez besoin de réduire la matrice par trouver même menu propriétés et mise à jour amount.
    • pouvons-nous utiliser les boucles, parce que de réduire et de certaines fonctions magiques permettent pas à mon école pour l'instant:D nous apprendre le style ancien de la méthode:D
    • dans ce cas, vous feriez mieux de prendre un objet, comme une table de hachage de l'objet de l'accumulation et de la vérifier, si n'existe pas.
    • La deuxième approche ne semble pas fonctionner. Les valeurs sont NaN.
    • il a été val vs value, merci!

    InformationsquelleAutor Nina Scholz
  4. 4
    var targetObj = {};
for (var i = 0; i < objArr.length; i++) {
    if (!targetObj.hasOwnProperty(objArr[i].key)) {
        targetObj[objArr[i].key] = 0;
    }
    targetObj[objArr[i].key] += objArr[i].val;
}

    http://jsfiddle.net/HUMxp/

    • L'OP veut les mêmes paires clé/valeur, mais avec le val consolidés.
    InformationsquelleAutor Explosion Pills
  5. 1

    Essayez cela, il doit aider à

    var arr1 = [
    { name: 'besart', value: 12 },
    { name: 'astrit', value: 10 },
    { name: 'astrit', value: 10 },
    { name: 'besar', value: 18 },
    { name: 'besar', value: 3 },
    { name: 'astrit', value: 3 },
    { name: 'besart', value: 3 },
    { name: 'besart', value: 10 },
    { name: 'besar', value: 0 },
];

var arr2 = [];
var emri = "";
var value = 0;
for(var i = 0;i<arr1.length;i++){
    emri=arr1[0].name;
    value+=arr1[0].value;
    for(var j=1;j<arr1.length;j++){
        if(emri==arr1[j].name){
            value+=arr1[j].value;
            arr1.splice(j,1);
            j--;
        }
    }
    arr1.splice(0,1);
    arr2[i] = {name:emri,value:value};
    value=0;
}
console.log(arr2);

    Ci-dessous est une autre solution qui n'utilise qu'une seule boucle (boucle while):

     var arr2 = [];
    var emri = "";
    var value = 0;
    var i=1;
    var j=0;

while(arr1.length != 0){
        emri = arr1[0].name;
        if(emri == arr1[i].name){
            value+=arr1[i].value;
            arr1.splice(i,1);
            i--;
        }
        i++;
        if(i==arr1.length){
            value+=arr1[0].value;
            i=1;
            arr2[j]={name:emri,value:value};
            j++;
            value=0;
            arr1.splice(0,1);
        }
    }
    InformationsquelleAutor besar
  6. 0

    Voici une alternative pour vous, mais similaire à celle de Explosion Pilules, réutilise le tableau d'origine plutôt que d'en créer une nouvelle ou un autre objet. Le tri peut ne pas être nécessaire et permettra de ralentir les choses un peu, mais il pourrait être retiré.

    Javascript

    function reduceMyObjArr(arr) {
    var temp = {},
        index;

    for (index = arr.length - 1; index >= 0; index -= 1) {
        key = arr[index].key;
        if (temp.hasOwnProperty(key)) {
            arr[temp[key]].val += arr[index].val;
            arr.splice(index, 1);
        } else {
            temp[key] = index;
        }
    }

    arr.sort(function (a, b) {
        if (a.key === b.key) {
            return 0;
        }

        if (a.key < b.key) {
            return -1;
        }

        return 1;
    });

    return arr;
}

var myObjArr = [{
    key: "Mon Sep 23 2013 00: 00: 00 GMT - 0400",
    val: 42
}, {
    key: "Mon Sep 24 2013 00: 00: 00 GMT - 0400",
    val: 78
}, {
    key: "Mon Sep 25 2013 00: 00: 00 GMT - 0400",
    val: 23
}, {
    key: "Mon Sep 23 2013 00: 00: 00 GMT - 0400",
    val: 54
}];

reduceMyObjArr(myObjArr);

console.log(myObjArr);

    jsFiddle

    Et un jsperf qui permet de les comparer (avec et sans le tri) à l'encontre de la accepté de répondre. Vous pouvez améliorer les performances de test par l'extension de l'ensemble de données.

    InformationsquelleAutor Xotic750
  7. 0

    vous pouvez également essayer d'utiliser javascript linq cadre qui est exactement le même que l'instruction sql qui est donnée de sortie souhaités avec moins de code écrit et efficace et a trouvé linq.js

    JS:

    var objArr = 
[
{key:'Mon Sep 23 2013 00:00:00 GMT-0400', val:42},
{key:'Mon Sep 24 2013 00:00:00 GMT-0400', val:78},
{key:'Mon Sep 25 2013 00:00:00 GMT-0400', val:23},
{key:'Mon Sep 23 2013 00:00:00 GMT-0400', val:54}
];


var aggregatedObject = Enumerable.From(objArr)
        .GroupBy("$.key", null,
                 function (key, g) {
                     return {
                       key: key,
                       contributions: g.Sum("$.val")
                     }
        })
        .ToArray();

console.log(aggregatedObject);

    HTML:

    <script src="http://cdnjs.cloudflare.com/ajax/libs/linq.js/2.2.0.2/linq.min.js"></script>

    qui est assez facile que de les comparer à une boucle.
    j'espère que cela peut aider.

    InformationsquelleAutor Sanjay Radadiya
  8. 0

    Récemment l besoin d'une semblable mise en œuvre et l a utilisé une solution similaire offert par un mec qui a utilisé la fonction de réduction. Quelques jours plus tard, j'ai voulu mettre en place quelque chose de similaire par moi-même et voilà le résultat.

    const users = [
{ id: 1, name: 'ernest', spent: 40 }, 
{ id: 2, name: 'ernest', spent: 40 },
{ id: 3, name: 'astrit', spent: 22 },
{ id: 4, name: 'astrit', spent: 2956 },
{ id: 5, name: 'astrit', spent: 22 }, 
{ id: 6, name: 'besart', spent: 40 }, 
{ id: 7, name: 'besart', spent: 100}, 
{ id: 8, name: 'besart', spent: 4000 }
];
const sum = [];
users.forEach(el => {
if(sum.length === 0){
delete el.id;
sum.push(el);
}    
else
{
const get = () => {
for(let i = 0; i < sum.length; i++){
if(sum[i].name === el.name ){
return { stat: true, id: i };
}
}
}
let i = get();
if(i){
sum[i.id].spent += el.spent;
}
else
{
delete el.id;
sum.push(el);
}
}
});
console.log(sum);

    De sortie: 

    [ { name: 'ernest', spent: 80 }, { name: 'astrit', spent: 3000 }, { name: 'besart', spent: 4140 } ]
    InformationsquelleAutor Astrit Spanca