Underscore.js - gamme de cartes de paires clé/valeur à un Objet - Un liner

J'ai été en passant par la trait de soulignement docs mais je n'arrive pas à trouver une méthode (ou imbriqués à l'appel de la méthode) pour faire de la transformation suivante:

Disons que j'ai le code Javascript suivant tableau:

 [{ "name" : "sEcho", "value" : 1},{ "name" : "iColumns", "value" : 12}, ... ]

Et j'ai besoin de la transformer en l'objet suivant:

 {
      sEcho: 1,
      iColumns: 12,
      ...
 }

Je suis en utilisant underscore.js pour une raison donc, il doit être une doublure.

  • Une ligne? _.map(arr,function(v,o){o={};return o[v.name]=v.value,o }); Ne sais pas si il y a une façon plus simple de le faire...
  • Créer un tableau d'objets. Vous voulez seulement un objet.
  • À droite, j'ai mal compris alors...
InformationsquelleAutor parliament | 2013-07-23
  1. 52

    Puisque personne n'a posté une réponse, je poste parce que je pense que c'est mieux que Jan réponse. C'est plus court et propre, et sans la fonction inline.

    _.object(_.pluck(data, 'name'), _.pluck(data, 'value'));
    • AFAICS trait de soulignement ne garantit pas explicitement toute commande de pluck's et maprésulte de l', de sorte que même si cela fonctionne dans les navigateurs actuels, je ne voudrais pas compter sur elle. Imaginez combien il serait de repérer un bug où les valeurs sont affectées aux touches mal.
    • Ce que vous dites est vrai, cependant, je vais juste noter que l'OP n'a pas explicitement la demande du même ordre.
    • Je n'ai pas à vous soucier de l'ordre des paires clé-valeur dans la carte (autant que je sache, il y a maintenant de garantie à ce sujet dans le JS de toute façon), mais plutôt les valeurs attribuées aux mauvais clés. Parfois, dans certains navigateur, pinçant les noms de à de retour d'un autre ordre que d'arracher les valeurs, ce qui serait complètement gâcher vos données et de les retourner, par exemple {sEcho:12, iColumns:1} au lieu du résultat attendu. C'est pourquoi je préfère faire la clé-valeur de cartographie en une seule opération, comme reduce ou map
    • Je vois. Dans ce cas cependant, le pluck, map, et object fonctions sont toutes d'exploitation sur les tableaux, où l'ordre est garanti, donc il n'y a pas de problème.
    • d'accord, la mise en œuvre actuelle de underscore.js est sûre à cet égard; mais sans garantie explicite la mise en œuvre pourrait être différente dans les versions futures. J'étais vraiment mal au sujet de "certains navigateur", il aurait "une autre version de underscore.js" casser le code, merci pour le heads-up. N'hésitez pas à appeler moi paranoïaque, mais je préfère encore ne pas compter sur le bon de commande, si. 🙂
    • Une saine paranoïa est toujours une bonne chose. 🙂 Je pense que le trait de Soulignement devra travailler très dur pour ce mess up cependant, puisque nous ne donnons jamais passer tous les objets de travailler avec.

    InformationsquelleAutor Brad Pitcher
  2. 58

    Variation sur Sza réponse, à l'aide du tableau de paires" la signature de _.object:

    _.object(_.map(data, function(x){return [x.name, x.value]}))
    • Nice! Même économiser quelques touches si vous utilisez des caractères d'imprimerie 😉 _.object(_.map(data, (x) => {return [x.name, x.value]}))
    • ou coffeescript 🙂
    • Aussi, Sza l'exemple de la fermeture éclair (comme les objets prend soit un seul tableau de nom/val des paires ou des deux tableaux). Donc, vous pourriez faire _.object(_pluck(data, 'name'), _.pluck(data, 'value'))
    • En parlant d'autres langues, le plus clair, peut-être en utilisant une compréhension dans CS: _.object([o.name, o.value] for o in data)
    • il pourrait être plus clair avec le _.chain fonction : gist.github.com/ablanchet/f8b9c3ece0812ebf3f3c
    • La baisse de l'arracher version est qu'elle parcourt les données deux fois (plumer/plumer), puis de nouveau pour générer le résultat (objet): la solution map itère une fois par le biais de données (map), puis une fois par le résultat (de l'objet).

    InformationsquelleAutor John Dvorak
  3. 27

    Cela devrait le faire:

    _.reduce(array, function(o, v){
    o[v.name] = v.value;
    return o;
}, {});

    Comme un one-liner (vous moquez de moi, non?):

    _.reduce(array,function(a,b){a[b.name]=b.value;return a},{});
    • Pourquoi êtes-vous en additionnant les b.value valeurs? Pourquoi pas un simple a[b.name] = b.value?
    • J'ai pensé qu'il était censé somme eux, je ne sais pas vraiment pourquoi xD
    • Je ne vois pas de sommation demandé. Et si ils essaient de faire le malin avec un one-liner (quelle autre raison pourrait-il y être?) alors vous pourriez aussi bien être flagrante à propos de votre haine pour les responsables et de les jeter dans un opérateur virgule: _(a).reduce(function(m, h) { return m[h.name] = h.value, m }, { }). Heh.
    • ouais, je suppose que c'était juste un brainfart, j'ai maintenant supprimé l'addition. Btw, j'ai utilisé de la fermeture du compilateur pour générer le one-liner qui préfère point-virgule 😛
    • je vais être sûr de laisser un commentaire 😎
    • Cette réponse est plus performant, car elle requiert l'un de la traversée du tableau original.

    InformationsquelleAutor Esailija
  4. 6
    var names = _.pluck(data, 'name');
var values = _.pluck(data, 'value');
var result = _.object(_.zip(names, values));
console.log(result);
    • +1 Même si il est intéressant de noter que l'on a besoin de 3 distincte, moins connus, genre de méthodes spécialisées pour faire quelque chose dans la même quantité de code que l'on peut faire à l'aide de 1 relativement méthode bien connue (réduire).
    InformationsquelleAutor zs2020
  5. 6

    Disons que vous avez un tableau JavaScript:

    var list = [
    {
         name: "sEcho",
         value: 1
    },
    {
         name: "iColumns",
         value: 12
    },
    ...
];

    Vous pouvez le convertir dans le format que vous voulez comme suit:

    var table = _.reduce(list, function (table, item) {
    table[item.name] = item.value;
    return table;
}, {});

    Ce n'est pas une seule ligne, mais je ne pense pas que vous signifie littéralement en une seule ligne. Le saviez vous?

    Voici en une seule ligne si vous voulait vraiment dire un liner:

    var t = _.reduce(list, function (t, i) { return t[i.name] = i.value, t; }, {});

    Oui, d'autres ont fourni la même réponse. Cependant, c'est seulement parce que la réponse à votre question est donc simple.

    InformationsquelleAutor Aadit M Shah
  6. 3
    var a =  [{ "name" : "sEcho", "value" : 1},{ "name" : "iColumns", "value" : 12} ];

var o = {}; _.each(a, function(e) { o[e.name] = e.value; });

console.log(o);
//Object {sEcho: 1, iColumns: 12}
    InformationsquelleAutor Amadan
  7. 2

    endroit idéal pour une utilisation à réduire je pense:

    _.reduce(ary, function(memo, obj){ memo[obj["name"]] = obj["value"]; return memo }, {});

    • doh, à la fin de
    InformationsquelleAutor user2240431
  8. 0
    var arr = [{ "name" : "sEcho", "value" : 1},{ "name" : "iColumns", "value" : 12}]

    ES6

    _.mapObject( _.indexBy(arr, 'name'), (v) => v.value )

    ES5

    _.mapObject( _.indexBy(arr, 'name'), function (v) { return v.value; } )

    Cette itération de deux fois si

    InformationsquelleAutor bentael