如何将带有数组的 javascript 对象转换为具有相应名称和值的对象数组？

Question

这里的程序员朋友，出于某种原因，我花了两天时间，但我无法正确完成此操作，请帮助我。 我有一个对象，每个键都有这样的数组：

var arraysObject = {
    "North American": [
        "CONUS",
        "NAMER",
        "CONUS/AK",
        "US-NC",
        "US-NE",
        "US-NW",
        "US-SC",
        "US-SE"
    ],
    "Oconus": [
        "ALASKA",
        "GUAM",
        "HAWAII",
        "POLAR",
        "US-SAMOA"
    ],
 }

我有一个已选择区域的列表，如下所示

var listOfAreas = ["CONUS", "GUAM","US-SAMOA"]

我想创建以下对象：

var result = [{
        "North American":"CONUS",
        "Oconus": "GUAM"
        },
        {
        "North American": "",
        "Oconus":"US-SAMOA"
        }]
        
            

请注意，仅当最后一个键已满并尽可能填充对象时，它才会创建一个新对象。在我的实现中，它为每个单独的字符串创建一个对象，并将其分配给键，然后使用 .map 推送它 这行不通。我希望它相应地填充每个对象并仅在必要时创建一个新对象。感谢你的帮助。 最好的， 一个假人。

Answer 1

您可以采用一个对象来跟踪键的索引，并采用一个辅助对象来恢复值/键关系。

const
    arraysObject = { "North American": ["CONUS", "NAMER", "CONUS/AK", "US-NC", "US-NE", "US-NW", "US-SC", "US-SE"], "Oconus": ["ALASKA", "GUAM", "HAWAII", "POLAR", "US-SAMOA"] },
    keys = Object.fromEntries(Object.entries(arraysObject).flatMap(([k, a]) => a.map(v => [v, k]))),
    EMPTY = Object.fromEntries(Object.keys(arraysObject).map(k => [k, ''])),
    listOfAreas = ["CONUS", "GUAM","US-SAMOA"],
    indices = {},
    result = [];

listOfAreas.forEach(value => {
    const key = keys[value];
    indices[key] ??= 0;
    (result[indices[key]++] ??= { ...EMPTY })[key] = value;
});

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }