/ / Comment transposer un objet dans underscorejs - javascript, underscore.js, transpose

Comment transposer un objet dans underscorejs - javascript, underscore.js, transposer

En JavaScript, j'essaie de convertir un tableau d'objets avec des clés similaires:

[{"a":1,"b":2}, {"a":3,"b":4}, {"a":5,"b":6,"c":7}]

à un objet avec un tableau de valeurs pour chaque clé:

{"a":[1,3,5], "b":[2,4,6], "c":[7]};

en utilisant underscore.js 1.4.2.

J'ai un code de travail ci-dessous, mais il semble plus long et plus lourd que d'écrire des boucles imbriquées.

Y a-t-il une manière plus élégante de faire cela en soulignement? Y a-t-il quelque chose de simple qui me manque?

console.clear();

var input = [{"a":1,"b":2},{"a":3,"b":4},{"a":5,"b":6,"c":7}];
var expected = {"a":[1,3,5], "b":[2,4,6], "c":[7]};

// Ok, go
var output = _(input)
.chain()
// Get all object keys
.reduce(function(memo, obj) {
return memo.concat(_.keys(obj));
}, [])
// Get distinct object keys
.uniq()
// Get object key, values
.map(function(key) {
// Combine key value variables to an object
// ([key],[[value,value]]) -> {key: [value,value]}
return _.object(key,[
_(input)
.chain()
// Get this key"s values
.pluck(key)
// Filter out undefined
.compact()
.value()
]);
})
// Flatten array of objects to a single object
// [{key1: [value]}, {key2, [values]}] -> {key1: [values], key2: [values]}
.reduce(function(memo, obj) {
return _.extend(memo, obj);
}, {})
.value();

console.log(output);
console.log(expected);
console.log(_.isEqual(output, expected));

Merci

Réponses:

8 pour la réponse № 1

Sonne comme tu veux zip pour les objets. Ce serait le analogue méthode pour les objets:

_.transpose = function(array) {
var keys = _.union.apply(_, _.map(array, _.keys)),
result = {};
for (var i=0, l=keys.length; i<l; i++) {
var key = keys[i];
result[key] = _.pluck(array, key);
}
return result;
};

Cependant, je voudrais juste utiliser

_.transpose = function(array) {
var result = {};
for (var i=0, l=array.length; i<l)
for (var prop in array[i])
if (prop in result)
result[prop].push(array[i][prop]);
else
result[prop] = [ array[i][prop] ];
return result;
};

Bien sûr, vous pouvez utiliser certaines méthodes d'itérateur, cela pourrait alors ressembler à

_.reduce(array, function(map, obj) {
return _.reduce(obj, function(map, val, key) {
if (key in map)
map[key].push(val)
else
map[key] = [val];
return map;
}, map);
}, {});

1 pour la réponse № 2

Vous pouvez utiliser le code zipObject de lodash: https://lodash.com/docs#zipObject


0 pour la réponse № 3

Vous avez besoin de 3 lignes de lodash:

_.merge.apply(null, _.union([{}], myArrayOfObjects, [function (a, b) {
return _.compact(_.flatten([a, b]));
}]))

Voir les docs de _.merge pour plus de détails sur ce que fait la fonction.