Сохранение в localStorage

194
01 марта 2018, 14:36

Есть 2 колонки (в одну рендерим данные с сервера , во вторую добавляем данные с 1й при нажатии добавить ) , есть кнопка при нажатии на которую должны сохраняться элементы со 2й колонки в localStorage и при перезагрузке рендериться туда. Как работать с localStorage я знаю , проблема в том какие именно данные сохранять со 2й колонки и как потом их фильтровать с основным массивом данных для рендера или сразу брать данные и сохранять их в отдельный массив/объект (думал про сохранения id в массиве но потом не понимаю как этот массив c id сравнить с основным массивом). Если не трудно подкиньте идею или подобный пример может кто делал!

Answer 1

Вы какие данные получаете с сервера? Если это список объектов, в каждом из которых есть уникальный ключ (id) - то сохраняйте массив этих ключей в хранилище.

При обновлении данных (перезагрузка страницы или AJSX-запрос) выбираете из полученного списка только те объекты, id которых совпадает с id из массива и добавляете их в правую колонку. Для фильтрации можно использовать Array.prototype.filter из ES6 (если подключен Webpack на проекте) или простой цикл for. Можно ещё воспользоваться _.filter из lodash

READ ALSO
Книга “You don't know javascript” [требует правки]

Книга “You don't know javascript” [требует правки]

Друзья, добрый день! Скажите, будьте любезны, существует ли книга "You don't know javascript" на русском?

209
Не работает маленький код с if

Не работает маленький код с if

Почему в поле для ввода логина когда ввожу любые циферки и буквы оно переходит на поле для ввода пароля а не выводит "Go away"Если я убираю (|| 'User')...

244
This при работе c событиями в ES6

This при работе c событиями в ES6

Здравствуйте решил написать простенький класс таймера используя ES6 синктаксис

277