Javascript-通过id更新数组中的对象并将其移动到第一个索引

劳尔

我有这个数组:

const chats = [
   { id: "chat-1", msg: { text: "World", date: (a date) } },
   { id: "chat-2", msg: { text: "Hello", date: (a date) } },
];

从数据库接收更新后,我收到此对象:

  // The second chat with update data
  { id: "chat-2", msg: { text: "Bye", date: (a date) } },

如何(使用ES6)替换原始聊天数组中的聊天对象并将其移至第一个索引?

目前,我正在这样做,但是我正在寻找最快的方法(较小的O)

// Get the modified chat
const modifiedChat = response.data;

// Search the modified chat in the chats array by id
const chatIndex = chats.findIndex(
    (chat) => chat.id === modifiedChat.id
);

 // Finally, using spread syntax, add the updated chat to the head of our current chats array
 chats = [
    modifiedChat,
    ...chats.slice(0, chatIndex),
    ...chats.slice(chatIndex + 1),
 ];
萨比尔·阿拉姆

您可以执行以下操作,

const chats = [
   { id: "chat-1", msg: { text: "World", date: '' } },
   { id: "chat-2", msg: { text: "Hello", date: '' } },
];

const modifiedChat = { id: "chat-2", msg: { text: "Bye", date: '' } };

const newChats = [modifiedChat, ...chats.filter(item => item.id !== modifiedChat.id)];

console.log(newChats);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在javascript中将对象取消移动到第一个块并将最旧的块移动到新块?

来自分类Dev

使用Javascript在数组数组中搜索第一个索引

来自分类Dev

返回第一个对象以在 javascript 多级嵌套对象数组中包含特定值

来自分类Dev

如何通过在JavaScript中匹配一些值来使用第二个对象更新第一个对象

来自分类Dev

在JavaScript中从api映射第一个对象

来自分类Dev

无法遍历javascript中的对象数组。仅输出第一个元素

来自分类Dev

如何从对象的数组中挑选数据并将其插入Javascript中的对象的另一个数组中?

来自分类Dev

Javascript:将对象从一个数组移动到另一个数组:最佳方法?

来自分类Dev

从第一个索引顺序删除数组javascript值

来自分类Dev

Javascript:foreach跳过第一个索引(0)

来自分类Dev

Javascript:foreach跳过第一个索引(0)

来自分类Dev

创建一个javascript对象并将其绑定

来自分类Dev

创建一个javascript对象并将其绑定

来自分类Dev

向上移动/移动数组中的对象,然后将第一个元素移动到最后一个索引

来自分类Dev

从对象内的javascript数组获取第一个值

来自分类Dev

Javascript循环遍历对象数组并返回第一个值

来自分类Dev

将属性从一个对象移动到Javascript中的另一个对象

来自分类Dev

Javascript - 根据条件查找矩阵中的第一个索引

来自分类Dev

按第一个键值对javascript数组排序

来自分类Dev

将第一个对象推送到javascript数组中的最后一个,保持所有其他值不变

来自分类Dev

从JavaScript中的多维数组中删除第一个元素

来自分类Dev

JavaScript $ http.get一个json数组并将其存储在localstorage中

来自分类Dev

JavaScript:获取第一个循环的结果并将其添加到下一个循环中

来自分类Dev

传递的对象不被视为javascript中函数的第一个参数

来自分类Dev

比较对象键/值对中没有标准键的两个数组,将缺少的值推入javascript中的第一个数组

来自分类Dev

Javascript检查元组的第一个元素是否存在于元组数组中

来自分类Dev

javascript只删除循环中数组中的第一个匹配项

来自分类Dev

Codewars挑战-JavaScript-查找数组中的第一个非连续数字

来自分类Dev

将页面标题的第一个单词与Javascript中的数组进行比较

Related 相关文章

  1. 1

    如何在javascript中将对象取消移动到第一个块并将最旧的块移动到新块?

  2. 2

    使用Javascript在数组数组中搜索第一个索引

  3. 3

    返回第一个对象以在 javascript 多级嵌套对象数组中包含特定值

  4. 4

    如何通过在JavaScript中匹配一些值来使用第二个对象更新第一个对象

  5. 5

    在JavaScript中从api映射第一个对象

  6. 6

    无法遍历javascript中的对象数组。仅输出第一个元素

  7. 7

    如何从对象的数组中挑选数据并将其插入Javascript中的对象的另一个数组中?

  8. 8

    Javascript:将对象从一个数组移动到另一个数组:最佳方法?

  9. 9

    从第一个索引顺序删除数组javascript值

  10. 10

    Javascript:foreach跳过第一个索引(0)

  11. 11

    Javascript:foreach跳过第一个索引(0)

  12. 12

    创建一个javascript对象并将其绑定

  13. 13

    创建一个javascript对象并将其绑定

  14. 14

    向上移动/移动数组中的对象,然后将第一个元素移动到最后一个索引

  15. 15

    从对象内的javascript数组获取第一个值

  16. 16

    Javascript循环遍历对象数组并返回第一个值

  17. 17

    将属性从一个对象移动到Javascript中的另一个对象

  18. 18

    Javascript - 根据条件查找矩阵中的第一个索引

  19. 19

    按第一个键值对javascript数组排序

  20. 20

    将第一个对象推送到javascript数组中的最后一个,保持所有其他值不变

  21. 21

    从JavaScript中的多维数组中删除第一个元素

  22. 22

    JavaScript $ http.get一个json数组并将其存储在localstorage中

  23. 23

    JavaScript:获取第一个循环的结果并将其添加到下一个循环中

  24. 24

    传递的对象不被视为javascript中函数的第一个参数

  25. 25

    比较对象键/值对中没有标准键的两个数组,将缺少的值推入javascript中的第一个数组

  26. 26

    Javascript检查元组的第一个元素是否存在于元组数组中

  27. 27

    javascript只删除循环中数组中的第一个匹配项

  28. 28

    Codewars挑战-JavaScript-查找数组中的第一个非连续数字

  29. 29

    将页面标题的第一个单词与Javascript中的数组进行比较

热门标签

归档