La création d'un tableau d'objets de paires clé-valeur

À partir d'un service que je reçois un objet JSON avec des paires clé-valeur, et j'ai besoin de créer dynamiquement des objets à partir d'eux, regroupés en une seule colonne.

Le JSON ressemble à ceci:

[
    { "Group" : "A", "Key" : "Name", "Value" : "John" },
    { "Group" : "A", "Key" : "Age",  "Value" : "30" },
    { "Group" : "A", "Key" : "City", "Value" : "London" },
    { "Group" : "B", "Key" : "Name", "Value" : "Hans" },
    { "Group" : "B", "Key" : "Age",  "Value" : "35" },
    { "Group" : "B", "Key" : "City", "Value" : "Berlin" },
    { "Group" : "C", "Key" : "Name", "Value" : "José" },
    { "Group" : "C", "Key" : "Age",  "Value" : "25" },
    { "Group" : "C", "Key" : "City", "Value" : "Madrid" }
]

J'aurais besoin de transformer le tableau d'objets suivant:

[
    { Group : "A", Name : "John", Age : 30, City : "London" },
    { Group : "B", Name : "Hans", Age : 35, City : "Berlin" },
    { Group : "C", Name : "José", Age : 25, City : "Madrid" }
]

Chaque groupe peut contenir un nombre quelconque de paires clé-valeur.

Actuellement, j'ai une solution qui fonctionne, mais je ne sais pas si c'est optimal:

var items = [
{ "Group" : "A", "Key" : "Name", "Value" : "John" },
{ "Group" : "A", "Key" : "Age",  "Value" : "30" },
{ "Group" : "A", "Key" : "City", "Value" : "London" },
{ "Group" : "B", "Key" : "Name", "Value" : "Hans" },
{ "Group" : "B", "Key" : "Age",  "Value" : "35" },
{ "Group" : "B", "Key" : "City", "Value" : "Berlin" },
{ "Group" : "C", "Key" : "Name", "Value" : "José" },
{ "Group" : "C", "Key" : "Age",  "Value" : "25" },
{ "Group" : "C", "Key" : "City", "Value" : "Madrid" }
], item, record, hash = {}, results = [];
//Create a "hash" object to build up
for (var i = 0, len = items.length; i < len; i += 1) {
item = items[i];
if (!hash[item.Group]) {
hash[item.Group] = {
Group : item.Group
};
}
hash[item.Group][item.Key] = item.Value;
}
//Push each item in the hash to the array
for (record in hash) {
if(hash.hasOwnProperty(record)) {
results.push(hash[record]);
}
}

Vous pouvez vérifier le violon ici: http://jsbin.com/ozizom/1/

Avez-vous une meilleure solution pour cela?

Sera le JSON être toujours triés par Groupe, comme dans votre exemple?
Oui, JSON champs de Groupe, la Clé et la Valeur sont donnés, et les enregistrements seront toujours triés par Groupe

OriginalL'auteur tpolyak | 2012-09-06

javascript json

En supposant que le JSON dossiers seront toujours classés par Groupe, voici une autre approche:

var json = [
{ "Group" : "A", "Key" : "Name", "Value" : "John" },
{ "Group" : "A", "Key" : "Age",  "Value" : "30" },
{ "Group" : "A", "Key" : "City", "Value" : "London" },
{ "Group" : "B", "Key" : "Name", "Value" : "Hans" },
{ "Group" : "B", "Key" : "Age",  "Value" : "35" },
{ "Group" : "B", "Key" : "City", "Value" : "Berlin" },
{ "Group" : "C", "Key" : "Name", "Value" : "José" },
{ "Group" : "C", "Key" : "Age",  "Value" : "25" },
{ "Group" : "C", "Key" : "City", "Value" : "Madrid" }
];
var array = [];
var previousGroup = null;
for(var i=0; i<json.length; i++) {
var group = json[i].Group;
if(previousGroup != group) {
array.push({Group: group});
previousGroup = group;
}
array[array.length-1][json[i].Key] = json[i].Value;
}

Ici est un exemple de travail.

Merci, c'est environ 50% plus rapide que la mienne: jsperf.com/javascript-key-value
Trouvé un problème, cependant. Votre solution ne fonctionne correctement que si les groupes arrivent dans l'ordre (AAABBBCCC). par exemple, si la commande est AAABBCCCB, 4 dossiers sont créés: jsfiddle.net/GrmZF/2
Ouais, je le savais, c'est pourquoi je vous ai demandé si les dossiers toujours par triés par Groupe...

OriginalL'auteur sp00m

Voici une solution où le code de la taille est réduite (pour le meilleur ou pour le pire 🙂 par l'utilisation de JavaScript idiomes. Cette solution ne dépend pas de l'ordre des valeurs d'entrée:

var values = [
{Group: 'A', Key: 'Name', Value: 'John'},
{Group: 'A', Key: 'Age', Value: '30'},
{Group: 'A', Key: 'City', Value: 'London'},
{Group: 'B', Key: 'Name', Value: 'Hans'},
{Group: 'B', Key: 'Age', Value: '35'},
{Group: 'B', Key: 'City', Value: 'Berlin'},
{Group: 'C', Key: 'Name', Value: 'José'},
{Group: 'C', Key: 'Age', Value: '25'},
{Group: 'C', Key: 'City', Value: 'Madrid'}
];
var map = {};
values.forEach(function(value) {
map[value.Group] = map[value.Group] || {Group: value.Group};
map[value.Group][value.Key] = value.Value;
});
var results = Object.keys(map).map(function(key) { return map[key]; });

Un exemple de travail est à http://jsfiddle.net/arQww.

Voici la solution la plus rapide que je peux trouver, ce qui suppose que les valeurs seront toujours triés par Groupe:

var group, results = [];
for (var i = 0; i < values.length; ) {
results.push({Group: group = values[i].Group});
do {
results.push[results.length - 1][values[i].Key] = values[i].Value;  
} while (++i < values.length && values[i].Group == group);
}

Une comparaison des performances est à http://jsperf.com/vnmzc. Alors que cette seconde solutions est plus rapide, les performances des deux est en O(n) et le monde réel différence entre eux sera sans conséquence, de sorte que la première solution est sans doute préférable, car c'est plus simple et plus général.

OriginalL'auteur dharcourt

Si vous devez manipuler des données beaucoup je recommande trait de soulignement cadre.
C'est la façon dont la solution sera de rechercher dans:

/*
We group items into object that looks like {group: attributes, ..}
Then for each group we create result object denoting group,
and extend result with object created from keys and values of attributes
*/
_.map(_.groupBy(items, function (item) {return item.Group}),
function (attributes, group) {
return _.extend({Group: group},
_.object(_.pluck(attributes, 'Key'),
_.pluck(attributes, 'Value')))
})

OriginalL'auteur Ivan Klass

-1

J'ai besoin d'aide avec un problème similaire, acheter, je veux de la somme des valeurs. J'ai ce tableau avec des objets

var myArrWithObj = [
{DateToSort: "Jul2014", ValueOneToSum: "60", ValueTwoToSum: "15"},
{DateToSort: "Jul2014", ValueOneToSum: "30", ValueTwoToSum: "50"},
{DateToSort: "Jul2014", ValueOneToSum: "12", ValueTwoToSum: "22"},
{DateToSort: "Aug2014", ValueOneToSum: "65", ValueTwoToSum: "25"},
{DateToSort: "Aug2014", ValueOneToSum: "13", ValueTwoToSum: "10"},
{DateToSort: "Aug2014", ValueOneToSum: "90", ValueTwoToSum: "20"},
{DateToSort: "Sep2014", ValueOneToSum: "60", ValueTwoToSum: "15"},
{DateToSort: "Sep2014", ValueOneToSum: "60", ValueTwoToSum: "18"},
{DateToSort: "Sep2014", ValueOneToSum: "75", ValueTwoToSum: "18"}
];

et je tiens à l'utilisateur de choisir quel mois de la somme d'une option de menu.

Donc, Si l'utilisateur sélectionne August 2014 dans le menu sélection, je veux de la somme de tous les ValueOneToSum valeurs et ValueTwoToSum valeurs basées sur Aug2014, comment pourrais-je le faire?

Par exemple: la totalSumOne pour Aug2014 serait 168 et totalSumTwo serait 55.

OriginalL'auteur user3771408

Vous devez vous connecter pour publier un commentaire.