JavaScript — это язык программирования с открытым исходным кодом. Он легкий и интерпретируемый, поэтому работает значительно быстрее, чем другие языки. Он используется для создания веб-приложений.
JavaScript интегрирован с HTML, что облегчает его использование в онлайн-приложениях. Именно по этой причине JavaScript используется многими разработчиками для создания сложных веб-компонентов, включая 2D/3D-графику, виджеты и многое другое.
Его не нужно компилировать или выполнять, как другие языки, такие как C++ или Java.
Сегодня мы обсудим тему «Массивы в JavaScript», которая регулярно всплывает в интервью для фронтенд- и бэкэнд-разработчиков и каждый раз, когда вы используете JavaScript для целей разработки. В этой статье будут рассмотрены основные методы, которые помогут вам понять массивы в JavaScript.
Что такое массивы в JavaScript?
Массивы являются распространенным типом структуры данных. Когда нам требуется вести список переменных и извлекать их по именам переменных, структура данных пригодится. Массивы — это часто используемая структура данных, которая хранит несколько значений в одной переменной.
Проще говоря, мы можем сказать, что массив в JavaScript содержит различные элементы, в которых мы можем хранить числа, строки и логические значения в одном массиве. Каждый элемент в массиве JavaScript имеет порядковый номер, который начинается с нуля и увеличивается до 0,1,2,3 и т. д.
Массивы в JavaScript носят динамический характер, и мы можем увеличивать или уменьшать их размер во время выполнения.
Создание массива:
Чтобы создать массив, мы можем использовать обозначение [] или объект —
Доступ к элементам массива-
Для извлечения элемента массива в качестве нижнего индекса используется пара квадратных скобок, заключающая в себе значение индекса, т. е. cars[0].
Приведенный выше код отобразит вывод на консоли как «Lamborghini», который является первым элементом массива.
Свойство длины массива -
Мы можем проверить общее количество элементов, определенных в массиве, используя метод ниже.
Доступ к последним элементам массива-
Чтобы получить доступ к последнему элементу массива, мы используем следующий метод:
Поскольку в массивах используется индексация с отсчетом от нуля, нам нужно вычесть единицу из длины массива.
Зацикливание элементов массива-
Предположим, вы хотите получить доступ к нескольким элементам массива одновременно. Мы можем использовать цикл for, который является наиболее эффективным методом для цикла по всему массиву.
Приведенный выше код будет отображать список названий автомобилей на вашей веб-странице всякий раз, когда вы ее загружаете.
Существует также другой способ, наиболее часто используемый в JavaScript для доступа к элементам массивов. Для этого можно использовать метод forEach, который вызывает функцию один раз для каждого элемента, присутствующего в массиве.
Приведенный выше код отображает названия автомобилей и соответствующие им индексы массивов на консоли.
Теперь, когда мы знаем о создании и доступе к массивам элементов, мы рассмотрим другую тему массивов.
Методы массива-
Чтобы облегчить нам задачу, у нас есть встроенная функция, используемая в массивах. Итак, давайте рассмотрим некоторые из часто используемых методов.
Толкать()-
Метод push() используется для отправки элементов в существующий массив. Он добавляет новые элементы или элементы в конец существующего массива.
Новый элемент массива «Марути» помещается в конец массива.
Unshift()-
Этотметод добавит новые элементы в начало массива. Он изменит длину массива и вернет новую длину.
Поп()-
Метод pop() удаляет последний присутствующий элемент из массива и возвращает этот элемент. Он изменяет размер массива при удалении элемента.
Приведенный выше код отобразит последний элемент массива, который был удален. Если массив оказывается пустым, он возвращает undefined.
сдвиг()-
Метод shift() удаляет первый элемент из массива и возвращает этот удаленный элемент. Этот методизменяет длину массива.
присоединиться()-
Этот метод объединит все элементы массива и преобразует их в строку вместе с разделителем. По умолчанию используется запятая, если внешний разделитель не задан.
нанизывать()
Метод toString() возвращает строку, относящуюся к указанному массиву и его элементам. Единственный параметр, который он принимает, — это базовый индекс.
Приведенный выше код будет строкой, представляющей элементы массива. В отличие от join(), метод toString() объединяет массив только через запятую.
Кусочек()-
Метод slice() выбирает элемент в массиве и возвращает неглубокую копию части массива в новый объект массива от начала до конца (не включен). Если вы хотите выбрать с конца, мы можем присвоить отрицательное значение. Начало и конец представляют собой элемент индекса этого массива, а исходный массив остается неизменным.
Синтаксис представляет собой фрагмент (начало, конец) приведенного выше кода, что приводит к разрезанию массива и возврату копии части массива.
Примечание-
- Если начало не определено, срез начинается с индекса 0.
2. Если начало больше, чем диапазон индексов последовательности, возвращается пустой массив. Исходный массив останется без изменений.
Сортировка массива-
Мы можем упорядочить данные в алфавитном порядке или телефонные номера по имени, идентификатору и т. д. Метод sort() отсортирует массив в алфавитном порядке.
Но предположим, что мы хотим отсортировать числовые данные, поэтому можем ли мы напрямую использовать функцию sort()?
Мы не можем использовать функцию sort() напрямую для сортировки числовых данных. Необходима дополнительная функция для возврата отсортированного массива. Давайте посмотрим на примере:
Реверс массива-
Если мы хотим поменять местами элементы в массиве, используется функция reverse(), где последние элементы массива становятся первыми и наоборот.
Можно ли создать массив массива?
Да, мы можем создать массив многомерных массивов или просто сказать, что это матрица. Этот массив можно представить как:
К элементам 2D-массива можно обращаться так же, как и к одиночным массивам. Единственное отличие состоит в том, что нам нужно два индекса, чтобы получить элемент массива, начиная с самого внешнего массива. Так что мы можем представлять Мстителей[1][2].
Для лучшего понимания рассмотрите эту таблицу:
Вывод, который можно сделать после знакомства с массивами, заключается в следующем:
Массив — это одна переменная, используемая для хранения различных элементов. Мы используем массивы, когда хотим хранить списки данных для доступа к ним с помощью одной переменной и не хотим создавать несколько переменных для хранения каждых данных.
Мы также можем индексировать массивы, используя строки вместо чисел, с условием, что мы должны создать первый пустой массив, а затем заполнить индекс и элементы в этом массиве. Это полезно в основном для 2D-массивов, когда мы хотим сгруппировать связанные данные.
