在将对象推送到数组时，如何摆脱这个额外的级别？

问：

我正在使用 Jquery 读取 JSON 文件，并将该文件中的选定项过滤到一个新数组中。

JSON 文件如下所示：

[
  {
    "id": "1234",
    "label": "Product 1",
    "price": "140"
  },
  {
    "id": "5678",
    "label": "Product 2",
    "price": "199"
  },
  {
    "id": "9012",
    "label": "Product 3",
    "price": "500"
  },
  // etc
]

我正在使用以下代码来检索所需的数据：

const activeProdIDs = [
  1234,
  9012
];

let filteredJson = [];

 $.ajax({
        url: dataURL,
        type: "GET",
        dataType: "json",
        success: function (myJson) {
            
            activeProdIDs.forEach(function(prodID) {
                filteredJson.push(myJson.filter(item => item.id == prodID));
            });

            console.log(filteredJson);

    },
    error: function () {
        console.log("Something went wrong");
    },
});

这有效，但返回的数组有一个额外的级别/层：

[
    [
        {
        "id": "1234",
        "label": "Product 1",
        "price": "140"
        }
    ],
    [
        {
        "id": "9012",
        "label": "Product 3",
        "price": "500"
        }
    ],
    //etc
]

因此，与其像我必须做的那样访问产品的标签。filteredJson[0].labelfilteredJson[0][0].label

有谁知道为什么过滤器将 JSON 对象推送为它们自己的数组，以及我能做些什么来解决这个问题？

（如果我将 JSON 对象添加到另一个对象而不是数组中，这似乎也会发生这种情况）。