Благодаря моим ранним исследованиям в области кодирования и обширному миру программирования я уже накопил обширные знания, когда дело доходит до кодирования. Это варьируется от описания типов данных, перебора объектов и массивов, взаимодействия с DOM. Один из лучших уроков, которые я усвоил в начале своего пути к кодированию, чтобы стать успешным разработчиком в программировании, — это понимание основ. В этом случае знание того, как взаимодействовать с массивами и содержащимися в них данными, является одним из таких аспектов. Как правило, массив широко определяется как особый тип переменной или данных, который может содержать более одного значения. Массивы имеют множество применений и ситуаций, в которых они необходимы. Можно использовать массив для отслеживания списка значений, которые каким-то образом связаны. Например, массив можно использовать для хранения списка продуктов. Их также можно использовать для записи ваших любимых фильмов.
Массивы не ограничиваются только строками, они также могут содержать числа.
С данными, содержащимися в массиве, можно взаимодействовать несколькими методами. Эти методы включают, помимо прочего, .push(), .pop(), .shift(), .unshift(). С .push() и .unshift() эти два метода используются для добавления новых данных в массив. В то время как .pop() и .unshift() удаляют данные из массива. При добавлении новых элементов можно использовать .push() и .unshift(). Некоторые вещи, которые следует учитывать при использовании этих методов, включают деструктивные методы, поскольку при использовании они модифицируют или изменяют исходный массив. Они могут принимать два аргумента и могут возвращать длину элементов внутри массива. Хотя .push() и .unshift могут использоваться для добавления новых значений или элементов в массив, они имеют различия. При использовании .push добавляет новый элемент в конец массива, а .unshift добавляет новый элемент в начало массива. Ниже приведен пример использования метода .push. Чтобы выполнить это, мы вызываем метод .push для существующего массива, а затем добавляем новый элемент, который мы хотим поместить в массив. Это работает аналогичным образом при использовании .unshift, но добавляет новый элемент в начало существующего массива.
Так же, как существуют методы для добавления новых элементов в массив, существуют также и методы для удаления из него элементов. Здесь в игру вступают .pop() и .shift(). Подобно последним двум методам, при использовании .pop() он удаляет последний элемент существующего массива. В то время как .shift() удаляет первый элемент существующего массива. Эти два метода также разрушительны, как и их аналоги, упомянутые выше. Однако аспект, который их отличает, связан с тем, что эти два метода не принимают никаких аргументов или параметров. В конце они также вернут удаленный элемент в массиве.
До сих пор мы рассмотрели несколько полезных методов, которые можно использовать при работе с массивами. Несмотря на то, что они немного отличаются друг от друга, все они имеют одну общую черту. Все они являются деструктивными методами массива! Какими бы удобными ни были эти методы, бывают случаи, когда при написании кода кто-то хочет сохранить массив неизменным и внести в него изменения, не изменяя его. К счастью, есть еще два метода, которые могут сделать именно это! Эти методы называются spread и .slice(). Начиная с оператора спреда, он имеет множество применений, которые могут сэкономить вам много времени и нервов. А также сделать ваш код более элегантным! Одним из способов использования оператора расширения является добавление нового элемента или значения либо в начало, либо в конец массива. Что делает этот метод более предпочтительным по сравнению с предыдущими описанными, так это то, что он неразрушающий, что означает, что после использования он вернет новый массив без изменения оригинала. Ниже на изображении показана реализация оператора расширения для помещения нового элемента в начало или в начало массива без его изменения, создавая неразрушающую копию. Этот же метод применяется при добавлении нового элемента в конец массива.
Следующий и последний метод, которым я хотел бы поделиться, — это метод среза. При использовании этого метода он возвращает часть исходного массива без деструктивного изменения массива. Он может не принимать ни одного аргумента или принимать до трех аргументов одновременно и будет возвращать массив нарезанных элементов. Если аргументы не введены, то массив будет возвращен таким, каким он был; не внося изменений. Однако при наличии двух аргументов он будет отсекать элементы массива от индекса первого аргумента до индекса, предшествующего предоставленному второму аргументу, и возвращать отрезанные элементы в новом массиве.
Я так многому научился, используя только эти четыре метода итерации массива, и уже пришел к выводу, что мы, разработчики, имеем в своем распоряжении широкий спектр инструментов, когда дело доходит до кодирования, и многое другое, что нужно изучить. Просто одна из радостей этой индустрии! Я надеюсь, что эти простые методы могут помочь другим начинающим разработчикам, как они помогли мне!
