lodash: Array dem Objekt zuordnen

Gibt es eine eingebaute Lodash-Funktion, um dies zu übernehmen:

var params = [
    { name: 'foo', input: 'bar' },
    { name: 'baz', input: 'zle' }
];

Und geben Sie Folgendes aus:

var output = {
    foo: 'bar',
    baz: 'zle'
};

Im Moment benutze ich nur Array.prototype.reduce():

function toHash(array, keyName, valueName) {
    return array.reduce(function(dictionary, next) {
        dictionary[next[keyName]] = next[valueName];
        return dictionary;
    }, {});
}

toHash(params, 'name', 'input');

Ich frage mich, ob es eine Abkürzung für Lodash gibt.

Ein anderer Weg mit lodash 4.17.2

_.chain(params)
    .keyBy('name')
    .mapValues('input')
    .value();

oder

_.mapValues(_.keyBy(params, 'name'), 'input')

oder mit _.reduce

_.reduce(
    params,
    (acc, { name, input }) => ({ ...acc, [name]: input }),
    {}
)

Sie sollten _.keyBy verwenden, um ein Array einfach in ein Objekt zu konvertieren.

Docs hier

Anwendungsbeispiel unten:

var params = [
    { name: 'foo', input: 'bar' },
    { name: 'baz', input: 'zle' }
];
console.log(_.keyBy(params, 'name'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Bei Bedarf können Sie das Array vor der Verwendung von _.keyBy oder das Objekt nach der Verwendung von _.keyBy bearbeiten, um das genau gewünschte Ergebnis zu erhalten.

Ja, es ist hier mit_.reduce

var params = [
    { name: 'foo', input: 'bar' },
    { name: 'baz', input: 'zle' }
];

_.reduce(params , function(obj,param) {
 obj[param.name] = param.input
 return obj;
}, {});

Dies scheint ein Job für Object.assign zu sein:

const output = Object.assign({}, ...params.map(p => ({[p.name]: p.input})));

Bearbeitet, um als Funktion ähnlich wie OPs zu verpacken, wäre dies:

const toHash = (array, keyName, valueName) => 
    Object.assign({}, ...array.map(o => ({[o[keyName]]: o[valueName]})));

(Danke an Ben Steward, gutes Denken ...)

Sie können einzeiliges Javascript mit Array-Reduktionsmethode und ES6-Destrukturierung verwenden , um ein Array von Schlüsselwertpaaren in ein Objekt zu konvertieren.

arr.reduce((map, { name, input }) => ({ ...map, [name]: input }), {});

Dies ist wahrscheinlich ausführlicher als Sie möchten, aber Sie fordern eine etwas komplexe Operation, damit möglicherweise tatsächlicher Code beteiligt ist (der Horror).

Meine Empfehlung, mit zipObjectder das ziemlich logisch ist:

_.zipObject(_.map(params, 'name'), _.map(params, 'input'));

Eine andere Option, hackiger, mit fromPairs:

_.fromPairs(_.map(params, function(val) { return [val['name'], val['input']));

Die anonyme Funktion zeigt die Hackiness - ich glaube nicht, dass JS die Reihenfolge der Elemente in der Objektiteration garantiert, also reicht .values()das Aufrufen nicht aus.

Ein anderer Weg mit lodash

Paare erstellen und dann entweder ein Objekt erstellen oder ES6 Mapeinfach

_(params).map(v=>[v.name, v.input]).fromPairs().value()

oder

_.fromPairs(params.map(v=>[v.name, v.input]))

Hier ist ein Arbeitsbeispiel

var params = [
    { name: 'foo', input: 'bar' },
    { name: 'baz', input: 'zle' }
];

var obj = _(params).map(v=>[v.name, v.input]).fromPairs().value();

console.log(obj);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>

Es kann auch ohne Verwendung einer Lodash-Funktion wie dieser gelöst werden:

let paramsVal = [
    { name: 'foo', input: 'bar' },
    { name: 'baz', input: 'zle' }
];
let output = {};

paramsVal.forEach(({name, input})=>{
  output[name] = input;
})


console.log(output);