Как оставлять в объекте последние 10 записей?

Question

[sergey_from_saratov]

Хочу записывать в локалсторейдж объект в котором элементы вида уникальный ключ : значение. Чтобы повторений не было. Щас всё хорошо записывается без повторений. Но встал вопрос, как сделать чтобы в моем объектике оставалось только последние 10 добавленных эл-в? Я где то читал что через Set, но так и не понял куда его вставить.

$( "#toFavorites" ).click(function() {
	
  alert( "Товар добавлен в избранное" );
  
  /*ID товара*/
  var code = itemInfo.PROPERTIES.KODSITE.VALUE;
  
  /*Берём массив товаров из памяти*/
  var favoritesItems = JSON.parse(localStorage.getItem('favoritesItems'));
  
  
  /*Если пользователь заходит первый раз*/
  if(!favoritesItems){
	  console.log("favoritesItems пустой");
	  favoritesItems = {};
  }
  
  favoritesItems[code] = itemInfo;
  console.log(favoritesItems);
 
  /*Регулируем кол-во товаров в памяти (10 последних добавленных)*/

  
  /*Пишем результат в память*/
  localStorage.setItem('favoritesItems', JSON.stringify(favoritesItems));

});

Answer 1

[Stalker_RED]

Насколько я понял, у вас в favoritesItems лежат какие-то данные, и ключем выступает ID товара (code).
В таком случае, что такое "последние 10 записей"? Как определить какие из них "последние", если нигде не записано время добавления из в список? Можно конечно взять 10 последних, при сортировке по ключу code, вас так устроит?

favoritesItems = favoritesItems.slice(-10)

Comments

[sergey_from_saratov]

10 последних, при сортировке по ключу code НЕ устроит.
Я хочу именно если их будет > 10 чтобы самая древняя запись стёрлась, и новая записалась, причём чтобы не было повторений.

[Stalker_RED]

sergey_from_saratov, тогда нужно записывать таймстамп, сотрировать по нему, и стирать старые
Можно бы конечно сделать что-то вроде кольцевого буфера или стека, но вы же будете эту коллекцию сериализировать каждый раз, а это дополнительные расходы.

[sergey_from_saratov]

Stalker_RED, а как я буду проверять уникальность эл-в?

[Stalker_RED]

sergey_from_saratov, точно так-же, по id

[Stalker_RED]

sergey_from_saratov, окей, я сделал работу за вас, с вас десять баксов
https://jsfiddle.net/bjastqzf/

[sergey_from_saratov]

Stalker_RED, ничего не сделал. В условии было: "Чтобы повторений не было".
А я вбиваю одинаковые значения, и они сохраняются в массив =(
Исправляй!!!

[Stalker_RED]

sergey_from_saratov, на одну строчку больше https://jsfiddle.net/bjastqzf/1/

[sergey_from_saratov]

Stalker_RED, ну 10$ не обещаю, а на бутылочку пива вкинуть могу)
Оставь тут куда высылать.
Код свой я допилил так, если кому интересно:

function time(){
        return parseInt(new Date().getTime()/1000)
    }

	
	
$( "#toFavorites" ).click(function() {
	
  alert( "Товар добавлен в избранное" );
  
  /*Берём массив товаров из памяти*/
  var favoritesItems = JSON.parse(localStorage.getItem('favoritesItems'));
  
  /*Проверка если пользователь заходит первый раз*/
  if(!favoritesItems){
	  console.log("favoritesItems пустой");
	  favoritesItems = {};
  }
  
  /*Проверяем содержится ли в массиве уже элемент с таким же ID*/
  /*Если да, то грохаем его*/  
  for (var key in favoritesItems) { 
	if(favoritesItems[key].PROPERTIES.KODSITE.VALUE == itemInfo.PROPERTIES.KODSITE.VALUE){
		console.log("Найден дубль удаляем");
        delete favoritesItems[key];
	}
  }
  
  
  /*Пишем*/
  favoritesItems[time()] = itemInfo;

  
  /*Регулируем кол-во товаров в памяти*/
  var elementsMaxCount = 8;
  var count = Object.keys(favoritesItems).length;
  
  if(count > elementsMaxCount){
	  console.log(count + " > " + elementsMaxCount);
	  
	  /*Вычисляем самый древний эл-т и грохаем его*/
	  var keyToDelete = Object.keys(favoritesItems);
	  console.log(keyToDelete[0]);
	  delete favoritesItems[keyToDelete[0]];
  }
  

  console.log(favoritesItems);
 

  /*Пишем результат в память*/
  localStorage.setItem('favoritesItems', JSON.stringify(favoritesItems));

  /*Очищаем переменную*/
  /*localStorage.removeItem("favoritesItems");*/
});

Answer 2

[Morph1nskij]

Насколько я правильно понял вопрос, вам нужно создать свою структуру данных на основе массива, размерностью 10 элементов(что-то типо очереди, при добавление нового элемента он становится последним, а первый удаляется и проверять элементы на уникальность) и использовать его.

Comments

[sergey_from_saratov]

Типо того...

Answer 3

[Александр Косицын]

чтобы не было повторов это есть объект set.
чтобы поставить время добаление товара, записывай в сохраняемый товар время через new Date().
и потом поставить фильтр при добавлении товара
вот такой фильтр
for (let i=0; i<10: ++i){

}