javascript - 结合两个函数来处理对象数组

Question

我有两个对象数组。

const details = [
    {
        ciphertext: 1234,
        buyer: {
            op_timezone: 7689,
            op_city: 'Name1',
        },
        assignment_info: { 
            info: {
                end_data: 1456,
                start_date: 2389,
            }
        }
    },
    {
        ciphertext: 5678,
        buyer: {
            op_timezone: 4568,
            op_city: 'Name2',
        },
        assignment_info: { 
            info: {
                end_data: 3467,
                start_date: 8753,
            }
        }
    },
];

const jobIds = [
    {
        id: 1,
    },
    {
        id: 2,
    },
];

我需要组合两个数组并从每个对象中获取 assignment_info.info 和 buyer 字段。

function getDetailsBuyersWithJobIds(jobIds, details) {
    return jobIds.map((item, index) => ({
        ...item,
        ...details[index].buyer,
    }));
};

function getDetailsAssignmentInfosWithJobIds(jobIds, details) {
    return jobIds.map((item, index) => ({
        ...item,
        ...details[index].assignment_info.info,
    }));
};

问题来了，两个函数怎么合二为一呢？

不会有重复的功能，因为它们执行相同的操作。

Answer 1

你可以做一个通用的映射函数并传递给它一个能够获取正确数据的 getter 函数，但不确定它是否有助于全局可读性。

你怎么看？

const genericMapper = (getter) => (item, index) => ({
    ...item,
    ...getter(details[index]),
});

function getDetailsBuyersWithJobIds(jobIds, details) {
    return jobIds.map(genericMapper(it => it.buyer));
};

function getDetailsAssignmentInfosWithJobIds(jobIds, details) {
    return jobIds.map(genericMapper(it => it.assignment_info.info));
};

const details = [
    {
        ciphertext: 1234,
        buyer: {
            op_timezone: 7689,
            op_city: 'Name1',
        },
        assignment_info: { 
            info: {
                end_data: 1456,
                start_date: 2389,
            }
        }
    },
    {
        ciphertext: 5678,
        buyer: {
            op_timezone: 4568,
            op_city: 'Name2',
        },
        assignment_info: { 
            info: {
                end_data: 3467,
                start_date: 8753,
            }
        }
    },
];

const jobIds = [
    {
        id: 1,
    },
    {
        id: 2,
    },
];

console.log(getDetailsBuyersWithJobIds(jobIds, details));
console.log(getDetailsAssignmentInfosWithJobIds(jobIds, details));