Отредактируйте параметр в переменной с полем увеличения/уменьшения и сохраните его
У меня есть переменная K с несколькими параметрами A, B, L, M. Я пытаюсь установить поле увеличения/уменьшения на «A», чтобы его можно было изменить на большее или меньшее число.
Если это возможно, он должен оставаться измененным (сохраненным?) для следующего сеанса загрузки.
{ L: 34, M: 56, A: 64, B: 65 },
{ L: 35, M: 55, A: 47, B: 89 },
{ L: 36, M: 54, A: 85, B: 62 },
{ L: 37, M: 53, A: 23, B: 11 }, ];
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Поскольку вопрос помечен тегом reactjs, я предполагаю, что этот массив объектов находится в состоянии компонента, поэтому мы должны сделать это без изменения исходного массива.
Самый безопасный способ сделать это — использовать метод map() из Array.prototype.
Пример:
const K = [{ L: 34, M: 56, A: 64, B: 65 }, { L: 35, M: 55, A: 47, B: 89 }];
const newArray = K.map(element => ({...element, A: element.A + 1}));
console.info(newArray);
//[{ L: 34, M: 56, A: 65, B: 65 }, { L: 35, M: 55, A: 48, B: 89 }]
А теперь объяснение. Карта — это метод, который принимает функцию в качестве аргумента, где первый параметр — фактическое значение в каждом индексе массива и возвращает новое значение вместо него.
Что сделано здесь в ({...element, A: element.A + 1}), так это то, что объект был заполнен свойствами из «элемента», затем свойство A было перезаписано значением element.A + 1. После этого оно было возвращено как новое значение. Это произошло то же самое для каждого отдельного ключа.
Конечным результатом является новый массив, в котором каждый A увеличивается на 1 и присваивается newArray.
И если он должен остаться в сеансе, просто сохраните его в sessionStorage.
Полезные ссылки:
https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
очень понятное объяснение. Мутация исходного массива была бы еще лучше, я полагаю, я мог бы сделать это с помощью localStorage с добавленной вами ссылкой. И состояние массива вне компонента, если оно работает…