lodash: diziyi nesneye eşleme

Bunu almak için yerleşik bir lodash işlevi var mı:

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

Ve şunu çıktı:

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

Şu anda sadece kullanıyorum 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');

Bir lodash kestirmesi var mı merak ediyorum.

Lodash ile başka bir yol 4.17.2

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

veya

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

veya ile _.reduce

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

Bir diziyi bir nesneye kolayca dönüştürmek için _.keyBy kullanıyor olmalısınız.

Dokümanlar burada

Aşağıdaki örnek kullanım:

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>

Gerekirse, _.keyBy kullanmadan önce diziyi veya _.keyBy'yi kullandıktan sonra nesneyi tam olarak istenen sonucu elde etmek için değiştirebilirsiniz.

Evet burada , kullanıyor_.reduce

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

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

Bu, Object.assign için bir iş gibi görünüyor:

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

OP'lere benzer bir işlev olarak kaydırılacak şekilde düzenlendi, bu şöyle olacaktır:

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

(Ben Steward'a teşekkürler, iyi fikir ...)

Anahtar-değer çifti dizisini nesneye dönüştürmek için dizi azaltma yöntemi ve ES6 yıkımı ile tek satırlık javascript kullanabilirsiniz .

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

Bu muhtemelen istediğinizden daha ayrıntılıdır, ancak biraz karmaşık bir işlem istiyorsunuz, bu yüzden gerçek kod dahil olabilir (korku).

Benim tavsiyem zipObjectoldukça mantıklı:

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

Başka bir seçenek, daha hacky, şunu kullanarak fromPairs:

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

Anonim işlev, bilgisayar korsanlığını gösterir - JS'nin nesne yinelemesinde öğelerin sırasını garanti ettiğine inanmıyorum, bu nedenle çağrı .values()yapmayacaktır.

Lodash ile başka bir yol

çiftler oluşturun ve ardından bir nesne oluşturun veya ES6 Mapkolayca

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

veya

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

İşte çalışan bir örnek

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>

Ayrıca, bunun gibi herhangi bir lodash işlevi kullanmadan da çözebilir:

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

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


console.log(output);