Как добавлять, обновлять и удалять массив JSON в Javascript — CRUD

Вот краткий справочник по выполнению операций CRUD над массивом объектов JSON в Javascript с использованием уникального идентификатора каждого объекта в массиве.

Мы будем работать со следующим массивом JSON. Уникальный идентификатор для каждого объекта в нашем случае — «id».

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'})

Чтение — Получить элемент по идентификатору

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

Обновить — обновить элемент по идентификатору

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

Удалить — Удалить элемент по идентификатору

Чтобы удалить конкретный элемент (в нашем случае по идентификатору) для вышеуказанного массива JSON, вот код

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

Вы также можете воспользоваться фильтром

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