时间戳

首页 > 解决方案 > Javascript：将对象添加到具有相同键的现有对象数组不起作用

javascript - Javascript：将对象添加到具有相同键的现有对象数组不起作用

问题描述

我正在尝试添加newList到Array 名称与 name 相同Grouped的 Array 中。例如，将“乳制品和鸡蛋”对象从 Array 连接起来。这在所需的输出中得到了证明。GroupednewListnewListGrouped

我试过的：

const existingCatrgory = Grouped.findIndex(
    item => item.name === 'Spices' || 'Dairy and Eggs' || 'Produce'
);

if (existingCatrgory >= 0) {
    const findShoppingCategory = Grouped.filter(x => x.name === 'Spices' || 'Dairy and Eggs' || 'Produce')
    const merge = findShoppingCategory.map((element) => {
        return {
            ...element,
            data: element.data.concat(newList)
        };
    });
} else {
    return Grouped.concat(newList)
}

这是newList：

const newList = [{
        data: [{
            value: "whipped cream"
        }, ],
        name: "Dairy and Eggs",
    },
    {
        data: [{
            value: "mushrooms",
        }],
        name: "Produce",
    }
]

这是Grouped Array

const Grouped = [{
        data: [{
            value: "paprika",
        }, ],
        name: "Spices",
    },
    {
        data: [
            {value: "milk"},
            {value: "Blue cheese"},
        ],
        name: "Dairy and Eggs",
    },
];

期望的输出：

const Output = [{
    data: [
        { value: "paprika" },],
    name: "Spices",
},
{
    data: [
        { value: "milk" },
        { value: "Blue cheese" },
        { value: "whipped cream" },
    ],
    name: "Dairy and Eggs"
},
{
    data: [
        { value: "mushrooms" }
    ],
    name: "Produce",
}
];

标签： javascriptarrayssortingobject

解决方案

这是一种方法：

const Grouped = [{
        data: [{
            value: "paprika",
        }, ],
        name: "Spices"
    },
    {
        data: [
            {value: "milk"},
            {value: "Blue cheese"},
        ],
        name: "Dairy and Eggs"
    },
];

const newList = [{
        data: [{
            value: "whipped cream"
        }, ],
        name: "Dairy and Eggs"
    },
    {
        data: [{
            value: "mushrooms",
        }],
        name: "Produce"
    }
]

const mergedList = JSON.parse(JSON.stringify(Grouped));

newList.forEach(function(item){
  let thisGroup = mergedList.filter(g => g.name == item.name);
  if (thisGroup.length > 0) {
    for (let i = 0; i < item.data.length; i++) {
      thisGroup[0].data.push({"value": item.data[i].value});
    }
  } else {
    mergedList.push(item);
  }
})

console.log(mergedList);

只需遍历每个新项目并检查名称是否已存在，如果存在，请将新 data.value 附加到现有数据列表中。如果它不存在，请为该项目创建一个新条目。

根据要求，我更新了代码以包括获取 Grouped 数组的副本并合并到该数组中。由于 Grouped 数组具有简单的结构，因此我使用 JSON 将其字符串化并将其解析回一个新数组。

推荐阅读