zl程序教程

您现在的位置是:首页 >  前端

当前栏目

JS教程之如何在 JavaScript 中添加、更新和删除 JSON 数组 - CRUD

2023-09-11 14:18:47 时间

这是使用数组中每个对象的唯一标识符在 Javascript 中对 JSON 对象数组执行 CRUD 操作的快速参考。

我们将使用以下 JSON 数组。

let jsonArr = [
    {
        "id": 1,
        "name": "Zahid",
        "county": "pakistan"
    },
    {
        "id": 2,
        "name": "John",
        "country": "USA"
    },
    {
        "id": 3,
        "name": "Parkash",
        "country": "india"
    }
]

创建 - 添加到 JSON 数组

这很简单

jsonArr.push({id: 4, name: 'Charith', country: 'sri lanka'})

Read - 通过 Id 获取项目

jsonArr.find(i => i.id === 4)

Update - 按 Id 更新项目

jsonArr.find(i=>i.id===2).country='UK'

Delete - 按 Id 删除项目

要删除上述 JSON 数组的特定项目(在我们的例子中,通过 id),这里是代码

jsonArr.splice(jsonArr.findIndex(i => i.id === 3), 1)

您也可以使用过滤器

jsonArr = jsonArr.filter(i => i.id !== 3)