如何将一个标题的数组与数据的数组合并成一个键值对的数组

如果你有一个标题数组（例如，["Name", "Age", "City"]）和一个相应的数据数组（例如，["Alice", 25, "New York"]），并且你想将它们合并成一个键值对数组（对象数组），你可以使用JavaScript的Array.prototype.reduce方法结合Array.prototype.map来实现这一点。

以下是一个示例代码，展示了如何合并这两个数组：

// 标题数组
const headers = ["Name", "Age", "City"];

// 数据数组
const data = ["Alice", 25, "New York"];

// 使用reduce和map方法合并数组
const merged = headers.reduce((acc, header, index) => {
    acc[header] = data[index];
    return acc;
}, {});

// 将合并后的对象包装到数组中，如果需要多个这样的对象，可以进一步使用map
const result = [merged];

console.log(result); // 输出: [{ Name: 'Alice', Age: 25, City: 'New York' }]

在这个例子中，reduce方法遍历headers数组，并为每个标题创建一个键值对，其中键是标题本身，值是对应索引位置上的数据。acc（累加器）参数是一个对象，它累积了所有的键值对。

如果你有多组数据需要与同一组标题合并，并且每组数据都是一个数组，你可以使用map方法来处理这些数据组：

// 多组数据数组
const dataSet = [
    ["Alice", 25, "New York"],
    ["Bob", 30, "Los Angeles"],
    ["Charlie", 35, "Chicago"]
];

// 使用map方法将每组数据与标题合并
const results = dataSet.map(dataRow => {
    return headers.reduce((acc, header, index) => {
        acc[header] = dataRow[index];
        return acc;
    }, {});
});

console.log(results);
/*
输出:
[
    { Name: 'Alice', Age: 25, City: 'New York' },
    { Name: 'Bob', Age: 30, City: 'Los Angeles' },
    { Name: 'Charlie', Age: 35, City: 'Chicago' }
]

*/