Привет, я Рафиул Алам, веб-разработчик MERN Stack. Я начал свое онлайн-путешествие более 10 лет буквально, когда я был ребенком в качестве цифрового маркетолога!
Первое, что я хотел бы сделать, это поблагодарить всех читателей за чтение моего поста. Кроме того, я хочу сказать большое спасибо MEDIUM за создание такой замечательной инновационной платформы.
Я впервые работаю с JavaScript и выполнил свою первую операцию CRUD в JavaScript.
«КРУД»…
Каждый программист, который хочет выучить язык, должен сначала изучить грубые операции.
«CRUD» — это центральный принцип каждого языка программирования, и мы должны укреплять свои основы, чтобы быть хардкорными разработчиками.
Цель этого проекта — продемонстрировать работу операций CRUD, написав «Приложение для создания заметок» на чистом современном JavaScript.
По мере продвижения вперед давайте определим операции «CRUD», относящиеся к нашему «приложению для создания заметок». В этом приложении заметка хранится как строковый тип данных с «заголовком» и как логический тип данных со значением «статус». Заметки в приложении будут храниться как объекты, и все заметки вместе будут проиндексированы как массив объектов.
В качестве первого шага мы создаем массив объектов с именем «notesList», который содержит объекты, представляющие заметки.
C для создания…
Здесь мы собираемся создать функцию «addNote (название, статус)», которая добавит заметку в приложение.
Эта функция требует в качестве аргументов Заголовок и Статус новой заметки. Заголовок заметки будет содержать строку «имя», а ее статус будет содержать истинное или ложное значение «завершено» или «незавершено».
Функция addNote() добавит новый объект Note в массив объектов с именем «notesList», вызвав метод push().
R для чтения…
Здесь мы создадим функцию с именем displayNotes(), которая при выполнении отображает список заметок с их статусом по порядку. Вам не нужно будет передавать какие-либо аргументы этой функции.
Мы будем отображать заметки, используя forEach() в функции displayNotes().
U для обновления…
На этом этапе наша цель — создать 2 функции с именами updateNote(oldtitle, newtitle) и updateNoteStatus(title, newStatus).
Вызывая updateNote(oldtitile, newtitle), вы обновляете заголовок существующей заметки. Чтобы найти существующую заметку, эта функция использует метод findIndex() и возвращает порядковый номер заметки. Затем заголовок заметки будет обновлен с использованием возвращаемого значения.
Вызовом updateNoteStatus(title, newStatus) можно обновить статус завершения примечания. Функция также будет использовать метод findIndex(), чтобы найти существующую заметку и вернуть порядковый номер. Затем мы обновим статус заметки, используя возвращаемое значение.
D для удаления…
В этом разделе мы создадим функцию с именем deleteNote(title), которая удаляет заметку на основе заголовка, который мы передаем в качестве аргумента.
Функция также будет использовать findIndex() для поиска существующих заметок и вернет их порядковые номера. Нашим следующим шагом будет удаление заметки с помощью метода splice().
Наконец, мы реализовали операции CRUD с помощью Pure Modern JavaScript.
Спасибо, что нашли время прочитать и прокомментировать этот пост. Я ценю вашу поддержку.
Большое спасибо!
Рафи