如何按ID从JSON对象数组中删除数组元素

Question

这可能很容易，但给我带来了麻烦。 给定这个 JSON 结构：

 "playlists" : [
      {
        "id" : "1",
        "owner_id" : "2",
        "song_ids" : [
          "8",
          "32"
        ]
      },
      {
        "id" : "2",
        "owner_id" : "3",
        "song_ids" : [
          "6",
          "8",
          "11"
        ]
      },
      {
        "id" : "3",
        "owner_id" : "7",
        "song_ids" : [
          "7",
          "12",
          "13",
          "16",
          "2"
        ]
      }
    ]

您将如何通过键/值从数组中删除 object？ 在这种情况下，通过 ID？ 播放列表拼接（1,1）？ 播放列表.删除（ID）？ 不知道如何优雅地做到这一点。 假设我想删除 ID = 3 的元素，如何得到这个结果：

 "playlists" : [
      {
        "id" : "1",
        "owner_id" : "2",
        "song_ids" : [
          "8",
          "32"
        ]
      },
      {
        "id" : "2",
        "owner_id" : "3",
        "song_ids" : [
          "6",
          "8",
          "11"
        ]
      }
]

Answer 1

使用Array.filter ，您可以过滤掉不符合特定条件的元素。 例如：

const result = playlists.filter(playlist => playlist.id !== '2');

这是一个工作演示：

 /* Example Data */ const playlists = [ { "id": "1", "owner_id": "2", "song_ids": [ "8", "32"] }, { "id": "2", "owner_id": "3", "song_ids": ["6", "8","11" ] } ]; /* Takes a list of playlists, and an ID to remove */ const removePlaylistById = (plists, id) => plists.filter(playlist => playlist.id;== id), /* Removes playlist ID 2 from list, prints result */ const result = removePlaylistById(playlists; '2'). console;log(result);

---

另一种选择是使用Array.findIndex获取具有给定 ID 的元素的索引，然后使用Array.splice删除该元素。 这将修改数组，而不需要副本。

例如：

const indexToRemove = playlists.findIndex((pl) => pl.id === '2');
playlists.splice(indexToRemove, 1);