在 Redux 操作对象的一个​​函数（lodash）中选择和省略

Question

基本上我需要的是从 json 中获取“项目”并重新分配它，而其他键保持不变： 第一种方法复制数据。 第二个在性能方面似乎很糟糕。 第三个很难阅读和理解。 我使用 lodash。但如果不能以巧妙的方式完成，您可以向我推荐一个不同的库。

function a(name, json) {
    return {
        type: RECEIVE_DATA,
        name,
        items: _.get(json, 'data.items', []),
        receivedAt: Date.now(),
        ...json,
    };
}

function b(name, json) {
    return {
        ..._.omit(json, 'data'),
        type: RECEIVE_DATA,
        name,
        items: _.get(json, 'data.items', []),
        receivedAt: Date.now(),
    }
}

function c(name, json) {
    return {
        ..._.transform(json, (result, value, key) =>{
            if (key === 'data') {
                result['items'] = value['items'];
            } else {
                result[key] = value;
            }
        }, {}),
        type: RECEIVE_DATA,
        name,
        receivedAt: Date.now(),
    }
}

Answer 1

使用参数destructuring获取items，使用rest properties收集其余参数：

const json = { another: [], data: { items: [1] } };

function a(name, { data, data: { items = [] }, ...jsonRest } = {}) {
  return {
    type: 'RECEIVE_DATA',
    name,
    items,
    receivedAt: Date.now(),
    ...jsonRest
  };
}
            
console.log(a('name', json));

您还可以使用箭头函数稍微缩短动作创建器：

const a = (name, { data, data: { items = [] }, ...jsonRest } = {}) => ({
    type: RECEIVE_DATA,
    name,
    items,
    receivedAt: Date.now(),
    ...jsonRest
});

Answer 2

如果您不介意在函数中添加几行代码，您可以轻松地从该键中获取数据，然后 delete 它：

function a(name, json = {}) {
    const { items = [] } = json.data;
    delete json.data;
    return {
        type: RECEIVE_DATA,
        name,
        items,
        receivedAt: Date.now(),
        ...json,
    };
}