lodash: ánh xạ mảng tới đối tượng

Có một chức năng lodash tích hợp để thực hiện điều này:

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

Và xuất ra cái này:

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

Hiện tại tôi chỉ đang sử dụng 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');

Tự hỏi nếu có một đường tắt của nhà nghỉ.

Một cách khác với lodash 4.17.2

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

hoặc là

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

Hoặc với _.reduce

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

Bạn nên sử dụng _.keyBy để dễ dàng chuyển đổi một mảng thành một đối tượng.

Tài liệu ở đây

Ví dụ sử dụng bên dưới:

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>

Nếu được yêu cầu, bạn có thể thao tác mảng trước khi sử dụng _.keyBy hoặc đối tượng sau khi sử dụng _.keyBy để nhận được kết quả mong muốn chính xác.

Đúng, nó ở đây , sử dụng_.reduce

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

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

Đây có vẻ như là một công việc cho Object.assign:

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

Được chỉnh sửa để bọc thành một hàm tương tự như hàm OP, đây sẽ là:

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

(Cảm ơn Ben Steward, tư duy tốt ...)

Bạn có thể sử dụng một javascript lót với phương thức giảm mảng và cấu trúc hủy ES6 để chuyển đổi mảng các cặp giá trị khóa thành đối tượng.

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

Điều này có lẽ dài dòng hơn bạn muốn, nhưng bạn đang yêu cầu một hoạt động hơi phức tạp để mã thực tế có thể liên quan (kinh dị).

Đề xuất của tôi, với zipObjectđiều đó khá hợp lý:

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

Một tùy chọn khác, hacky hơn, sử dụng fromPairs:

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

Hàm ẩn danh cho thấy sự khó tin - Tôi không tin rằng JS đảm bảo thứ tự của các phần tử trong việc lặp lại đối tượng, vì vậy việc tính toán .values()sẽ không thực hiện được.

Một cách khác với lodash

tạo các cặp và sau đó tạo một đối tượng hoặc ES6 Mapdễ dàng

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

hoặc là

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

Đây là một ví dụ hoạt động

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>

Nó cũng có thể giải quyết mà không cần sử dụng bất kỳ hàm lodash nào như thế này:

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

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


console.log(output);