Не могу корректно удалить нужный элемент массива
Мне нужно удалить элемент массива из локального хранилища, а затем снова перезаписать этот массив. Но я столкнулся со странной проблемой.
Вот мой код:
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);
Вот что я вижу в консоли

Я собираюсь удалить, например, элемент с индексом 0:
console.log(existingEntries.splice(0, 1));
И вот результат, он вообще мне не понятен.
Если вместо 0 будет другое значение, то вообще все будет удалено. Почему это происходит, я не могу понять. Помогите разобраться пожалуйста.
PS: Здесь developer.mozilla.org я уже был. И вроде делаю как описано, но не работает. Что-то упускаю и не могу понять что.
