Привет! Меня зовут Гитаншу Чоудхари, я с энтузиазмом изучаю JavaScript.
Во-первых, я хочу поблагодарить всех читателей за то, что они уделили время прочтению моей «Первой средней истории». И большое спасибо MEDIUM за предоставление такой замечательной инновационной платформы.
Я новичок в этом большом мире JavaScript, и мой первый настоящий прогресс - выполнение операций CRUD в JavaScript.
Операции «CRUD» подобны первым шагам для каждого программиста, стремящегося выучить язык программирования.
Чтобы быть хардкорным разработчиком, мы должны укрепить наши основы, и «CRUD» лежит в основе каждого языка программирования.
Мы будем писать «Приложение для заметок» на чистом современном JavaScript, чтобы продемонстрировать работу операций CRUD.
Теперь давайте определим операции «CRUD» применительно к нашему «Приложению для ведения заметок». Это приложение хранит заметку с «Заголовком» как типом данных String и «Статусом» как логическим типом данных. Каждая заметка будет храниться как объект, а все заметки в приложении будут храниться вместе как массив объектов.
Во-первых, мы создадим массив объектов под названием «notesList», который будет содержать заметки в форме объектов.
C для создания › Здесь мы создадим функцию под названием« addNote (title, status) », которая добавит новую заметку в приложение. Аргументы этой функции требуют заголовка и статуса для новой заметки. Заголовок будет содержать имя строки, а статус будет содержать либо истинное, либо ложное значение, где истина означает, что статус заметки завершен, а ложь - ее неполный статус.
В функции addNote () мы будем использовать метод push () для добавления нового объекта заметки в массив объектов под названием «notesList».
R для чтения › Здесь мы создадим функцию с именем displayNotes (), которая при вызове будет отображать упорядоченный список заметок с указанием их статуса. Эта функция не принимает аргументов.
В функции displayNotes () мы будем использовать forEach () для просмотра массива и отображения его пользователю.
U для обновления › Здесь мы создадим две функции, которые называются updateNote (oldtitile, newtitle) и updateNoteStatus (title, newStatus).
updateNote (oldtitile, newtitle) обновит название заголовка существующей заметки. Эта функция будет использовать метод findIndex () для поиска существующей заметки и вернет ее порядковый номер. Затем, используя возвращаемое значение, мы обновим заголовок заметки.
updateNoteStatus (title, newStatus) обновит статус завершения примечания. Эта функция также будет использовать метод findIndex () для поиска существующей заметки и вернет ее порядковый номер. Затем, используя возвращаемое значение, мы обновим статус заметки.
D для удаления › Здесь мы создадим функцию с именем deleteNote (title), которая удалит заметку на основе заголовка, переданного в качестве аргумента функции.
Эта функция также будет использовать метод findIndex () для поиска существующей заметки и вернет ее порядковый номер. Затем, используя возвращаемое значение, мы реализуем метод splice () для удаления заметки.
Наконец, мы написали и реализовали операции CRUD с использованием чистого современного JavaScript.
Присоединение ниже кода через общедоступную ссылку GitHub gist.
Если вам понравились мои усилия, поддержите эту историю комментариями и отзывами.
Благодарю вас !
