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');

สงสัยว่าจะมีการลัดวงจร

อีกวิธีหนึ่งกับlodash 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]})));

(ขอบคุณ Ben Steward ความคิดดี ... )

คุณสามารถใช้หนึ่งซับจาวาสคริปต์กับวิธีการลดอาร์เรย์และการทำลาย 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()จะไม่ทำ

อีกวิธีหนึ่งกับ lodash

สร้างคู่แล้วสร้างวัตถุหรือ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);