Как сравнить массивы и найти новый элементы?

Question

[lavezzi1]

Здравствуйте. Прилетает по ajax массив сообщений, сохраняем его в переменную, через некоторой время прилетает опять массив по тому же адрессу, нужно сравнить есть ли новые items в нем, или все тоже самое. Как это лучше сделать? Вот массив https://jsfiddle.net/jzm3drq3/

Насколько я понимаю, нужно в первый раз сохранять массив и от него уже отталкиваться при следующем запросе. То есть как то сравнивать есть ли новые items, если есть пушить в сохраненный массив чтобы он отрисовывался. Поправьте пожалуйста, если не прав.

Comments

[ой всё]

а вам просто надо выяснить, что массивы данных не равны, или точно знать, что именно поменялось?

оба json объекта в JSON.stringify(obj) и потом сравнивать две строки

[lavezzi1]

ой всё, Надо сравнить их и если какой то новый элемент имеется в новом массиве, то его надо запущить в первый сохраненный массив. Вот это меня в ступор и ввело.

[ой всё]

lavezzi1, а почему нельзя просто заменить старый на новый?
или в новом могут быть не только новые, но и отсутствовать старые элементы?

[lavezzi1]

ой всё, Прилетает первый массив, я выкидываю уведомление о сообщении. Потом прилетает снова этот же массив и вот тут уже не надо выкидывать сообщение потому что он уже выкинулось в первый раз. Поэтому и сохраняю в изначальный массив чтобы сравнивать, что уже показано в уведомлении, а что нет.

[ой всё]

lavezzi1, если вы показываете сообщение только один раз, то его можно удалять из вновь прибывшего массива данных, если сообщений много и они все могут снова приехать с данными, то придется сравнивать со всем массивом показанных сообщений

но, честно говоря, в таких случаях у меня сразу возникают вопросы типа "зачем вообще присылать то, что уже не нужно" и "почему с этим надо колупаться на фронтенде, когда можно очистить данные перед отправкой на клиент"

Answer 1

[xmoonlight]

Две операции при аяксе:
1. Начальная (полная) загрузка сообщений (сразу при загрузке страницы = инициализация пула сообщений и его заполнение с проверкой статуса прочтения из LocalStorage)
2. Инкрементальное обновление сообщений: пришло новое - добавили к себе в пул сообщений (ID+сообщение).

Когда прочли - записали ID и статус сообщения: прочитано/не прочитано в LocalStorage (также, дополнительно можно и серверу сообщить через AJAX, что клиентом изменён статус сообщения с ID таким-то...).
Это для гостя.

Но лучше - использовать залогиненного пользователя и базу данных, совместно с LocalStorage.
И все статусы прочитанных сообщений - хранить также и на сервере.