Для реализации функционала удаления и добавления в закладки в JavaScript можно использовать несколько подходов. В данном ответе мы рассмотрим способы, основанные на использовании локального хранилища браузера (localStorage) и массива объектов.
1. Хранение закладок в локальном хранилище (localStorage):
Первым шагом можно создать функцию для добавления закладки. В этой функции нужно получить данные о закладке от пользователя, создать новый объект с этими данными и добавить его в массив закладок, хранящийся в локальном хранилище.
function addBookmark(title, url) { // Получаем массив закладок из локального хранилища var bookmarks = JSON.parse(localStorage.getItem('bookmarks')) || []; // Создаем новый объект закладки var bookmark = { title: title, url: url, }; // Добавляем новую закладку в массив bookmarks.push(bookmark); // Обновляем данные в локальном хранилище localStorage.setItem('bookmarks', JSON.stringify(bookmarks)); }
Далее, можно создать функцию для удаления закладки. В этой функции нужно получить индекс закладки, которую нужно удалить, и затем удалить ее из массива закладок в локальном хранилище.
function removeBookmark(index) { // Получаем массив закладок из локального хранилища var bookmarks = JSON.parse(localStorage.getItem('bookmarks')) || []; // Удаляем закладку из массива по индексу bookmarks.splice(index, 1); // Обновляем данные в локальном хранилище localStorage.setItem('bookmarks', JSON.stringify(bookmarks)); }
Теперь мы можем вызывать эти функции, передавая им необходимые параметры. Например:
addBookmark('Google', 'https://www.google.com'); addBookmark('GitHub', 'https://www.github.com'); removeBookmark(0); // Удаляем первую закладку
2. Хранение закладок в массиве объектов:
Если вы не хотите использовать локальное хранилище, можно хранить закладки в обычном массиве объектов, определенном в глобальной области видимости.
// Создаем глобальный массив закладок var bookmarks = []; function addBookmark(title, url) { // Создаем новый объект закладки var bookmark = { title: title, url: url, }; // Добавляем новую закладку в массив bookmarks.push(bookmark); } function removeBookmark(index) { // Удаляем закладку из массива по индексу bookmarks.splice(index, 1); }
После добавления или удаления закладок мы можем работать с этим массивом напрямую:
addBookmark('Google', 'https://www.google.com'); addBookmark('GitHub', 'https://www.github.com'); removeBookmark(0); // Удаляем первую закладку console.log(bookmarks); // Выводим массив закладок в консоль
В зависимости от требований вашего проекта, вы можете выбрать наиболее подходящий способ для реализации функционала удаления и добавления в закладки в JavaScript.