Не могу корректно удалить нужный элемент массива

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

Вот мой код:

let removeItemFromFavorite = document.querySelectorAll('.remove_item');

removeItemFromFavorite.forEach(item => {
      item.addEventListener('click', function(){
      let remCollectionAlert = document.querySelector('.rem-collection-alert');
      let dataTitle =  this.getAttribute('data-title');
      let dataItem =  this.getAttribute('data-item'); // get index of the array cell

      this.closest('.single-project__model-wrapper').style.display='none';
      remCollectionAlert.classList.add('active');
      document.getElementById("remove-mod__title").innerHTML = dataTitle;

      let existingEntries = JSON.parse(localStorage.getItem('itemsArray')); // get out an array from local storage
      existingEntries.splice(dataItem, 1); //trying to delete an item

      });
});

Но вместо удаления данных с индексом 0 (например) из массива этот код existingEntries.splice (0, 1); удаляет все, оставляя только один элемент в массиве.

 let existingEntries = JSON.parse(localStorage.getItem('itemsArray'));
 console.log(existingEntries);

Вот что я вижу в консоли

sample first

Я собираюсь удалить, например, элемент с индексом 0:

console.log(existingEntries.splice(0, 1));

И вот результат, он вообще мне не понятен.

enter image description here

Если вместо 0 будет другое значение, то вообще все будет удалено. Почему это происходит, я не могу понять. Помогите разобраться пожалуйста.

PS: Здесь developer.mozilla.org я уже был. И вроде делаю как описано, но не работает. Что-то упускаю и не могу понять что.


Ответы (0 шт):