lodash: зіставлення масиву з об’єктом

Чи є вбудована функція lodash, щоб прийняти це:

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

І виведіть це:

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

Зараз я просто використовую 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');

Цікаво, чи є лодаш ярлик.

Інший спосіб з лодашем 4.17.2

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

або

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

або с _.reduce

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

Ви повинні використовувати _.keyBy, щоб легко перетворити масив на об'єкт.

Документи тут

Приклад використання нижче:

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>

Якщо потрібно, ви можете маніпулювати масивом перед використанням _.keyBy або об'єктом після використання _.keyBy, щоб отримати точний бажаний результат.

Так, це тут , використовуючи_.reduce

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

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

Це виглядає як робота для Object.assign:

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

Відредаговано для обтікання як функції, подібної до OP, це буде:

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

(Дякую Бену Стюарду, гарне мислення ...)

Ви можете використовувати один вкладений javascript із методом зменшення масиву та деструктуризацією ES6 для перетворення масиву пар значень ключа в об’єкт.

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

Це, мабуть, більш багатослівно, ніж ви хочете, але ви просите трохи складну операцію, щоб міг бути задіяний фактичний код (жах).

Моя рекомендація, zipObjectце цілком логічно:

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

Інший варіант, більш хакерський, за допомогою fromPairs:

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

Анонімна функція показує хакерство - я не вірю, що JS гарантує порядок елементів в ітерації об'єкта, тому виклик .values()не буде робити.

Інший спосіб з лодашем

створення пар, а потім або побудувати об’єкт, або ES6 Mapлегко

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

або

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

Ось робочий приклад

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>

Це також може вирішити, не використовуючи жодної функції lodash, як це:

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

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


console.log(output);