Обновление значения внутри json файла

Question

Можно ли обновить значение внутри файла json при нажатии кнопки? Например, это:

{
    "caught": "0",
    "id": 1,
    "location": "River",
    "north": "Nov ~ Mar",
    "price": 900,
    "south": "May ~ Sept",
    "tod": "All day"
},
{
    "caught": "0",
    "id": 2,
    "location": "Sea",
    "north": "Nov ~ Mar",
    "price": "2,500",
    "south": "May ~ Sept",
    "tod": "4pm - 9am"
}

Я хочу изменить улов с 0 на 1 с идентификатором 1. Возможно ли это? Кстати, я использую javascript.

Answer 1

Да, это возможно.

1. Сначала убедитесь, что у вашей кнопки есть идентификатор, например: <button id="myButton" />
2. Прикрепите прослушиватель событий для "щелчка" событие:

const element = document.getElementById('myButton');
button.addEventListener('click', (event) => modifyObject());

Затем вы можете написать свою функцию "modifyObject". Это отобразит ваш массив элементов, и если данный элемент имеет указанный c ID, он вернет другой результат. Это должно выглядеть следующим образом:

arr.map(x => {
    if (x.id === 1) {
         return {
             ...x,
             caught: 1
         };
    }
    return x;
});

Я использовал оператор распространения (...), который эффективно расширяет итерируемый объект.