在javascript中替换或推送到数组

Question

我有一个订单数组，当我从我的 websocket 收到一条带有新放置订单或修改订单的消息时，我想检查我的订单数组，如果存在带有 websocket 消息的订单，请替换其中的对象带有 websocket 消息的数组，否则将其推送到数组。

示例：

const orderArr = [
{
id: 1,
item: 'apple',
price: 20
},
{
id: 2,
item: 'mango',
price: 10
},
{
id: 3,
item: 'cucumber',
price: 300
}
]

const webSocketOrder = {
id: 1,
item: 'apple',
price: 40
}

// what should happen to the order array
[
{
id: 1,
item: 'apple',
price: 40
},
{
id: 2,
item: 'mango',
price: 10
},
{
id: 3,
item: 'cucumber',
price: 300
}
]

但如果webSocketOrder 是具有新ID 的新项目，则应将其作为新项目添加到orderArr 中

我做了什么

const foundOrder = orderArr.find(
          (x) => x.id === webSocketOrder.id
        );
        if (foundOrder) {
          orderArr.map((ord) =>
            ord.id === webSocketOrder.id 
              ? webSocketOrder
              : ord
          );
        } else {
          orderArr.unshift(webSocketOrder);
        }

由于某种原因这不起作用，请有人帮忙吗？

Answer 1

您可以使用 find()/findIndex() 对数组进行一次循环。

 const index = orderArr.findIndex((obj) => obj.id === webSocketOrder.id);

    if (index === -1) {
        orderArr.push(webSocketOrder);
    } else {
        orderArr[index] = webSocketOrder;
    }