Javascript является наиболее широко используемым языком программирования в мире. На изображении ниже показан последний опрос разработчиков от Stack Overflow.
Сначала Javascript в основном использовался для создания простых динамических веб-сайтов, но за последнее десятилетие или около того Javascript сильно развился. Он стал языком программирования, который можно использовать не только для создания веб-сайтов, но и для серверной части приложений (с использованием Node.js) и даже мобильных приложений (React Native).
Как язык программирования Javascript состоит из нескольких типов данных. Большинство из них относятся к категории примитивов. Примитив (примитивное значение, примитивный тип данных) — это данные, которые не являются объектом и не имеют методов. Существует 6 примитивных типов данных: строка, число, логическое, нуль, неопределенный, символ (новое в ECMAScript 2015).
Следовательно, любой тип, не подпадающий под категорию примитивов, считается объектом. Этот блог посвящен объекту Array и некоторым наиболее часто используемым методам, встроенным в Javascript.
Напоминаем, что массивы — это просто список элементов. Список может содержать различные типы данных. Вы можете ссылаться на элементы в списке по их индексу. Массивы Javascript индексируются на основе 0, что означает, что первый элемент в массиве имеет индекс 0. Ниже приведены несколько примеров массивов и того, как мы можем получить доступ к любому элементу внутри него.
const arrayOne = ["hello", 5, "good"]
arrayOne[0] // This will evaluate to "hello"
arrayOne[2] // This will evaluate to "good"
const arrayTwo = [10, 49, "night", {}]
arrayTwo[1] // This will evaluate to 49
arrayTwo[3] // This will evaluate to {
shift()
Этот метод массива используется для удаления первого элемента в массиве. При этом возвращает значение удаляемого элемента.
Как видите, в первой строке мы создали массив и сохранили его в переменной с именем array. Затем мы вызвали для него метод shift(). В результате он вернул и удалил первый элемент массива. Последняя строка показывает, как выглядит массив после вызова метода shift(). Не беспокойтесь о слове undefined, которое вы видите в коде.
unshift()
Этот метод позволяет добавлять один или несколько элементов в начало массива и возвращает новую длину массива.
Мы снова создаем новый массив и сохраняем его в переменной с именем arrayOne. Затем мы использовали метод unshift() и передали два аргумента, представляющих элементы, которые мы хотели добавить в начало массива. Затем метод возвращает длину массива, включая новые добавленные элементы. Последняя строка кода показывает, как выглядит массив после использования метода unshift().
push()
Метод очень похож на метод unshift() с той лишь разницей, что он добавляет один или несколько элементов в конец массива. Он также возвращает длину массива после вставки новых элементов.
Как видите, метод push() добавил в массив два элемента и вернул новую длину массива.
поп()
Метод pop() удаляет элемент последний из массива и возвращает этот элемент. Этот метод изменяет длину массива.
Теперь вы можете сделать вывод, что метод pop() очень похож на метод shift(). Единственное отличие состоит в том, что pop() удаляет последний элемент.
Чтобы было легче запомнить, что каждый из них делает, я думаю о методах pop() и push() как о братьях и сестрах. Я объясняю это тем, что они нацелены на конец массива, но выполняют противоположные операции.
Я использую ту же технику, когда дело доходит до методов shift() и unshift(). Всегда помните, что они работают на передней части массива.
кусочек()
Метод slice() возвращает поверхностную копию части массива в новый объект массива, выбранный от beginning до end (end не входит). Исходный массив не будет изменен. Метод slice() ожидает по крайней мере один аргумент, представляющий индекс, с которого начинается срез.
Если методу передается только один аргумент, он создает копию массива, начиная с этого индекса и до конца массива. В случае передачи второго аргумента метод slice() вернет копию массива, начиная с индекса, указанного в первом аргументе, до индекса, указанного во втором аргументе (не включая элемент с этим индексом).
Давайте пройдемся по коду слева. Как и раньше, мы устанавливаем переменную, равную массиву. Затем мы используем метод slice() только с одним аргументом. Как видите, метод slice() возвращает копию массива, начиная с индекса два и до конца массива. В следующей строке кода я проверил значение переменной arrayFour, и она вернула исходный массив. Это означает, что метод slice() не влияет/изменяет исходный массив.
В последней строке я использовал метод с двумя аргументами, и он вернул копию элементов с этими индексами, но не включая элемент, индекс которого равен второму аргументу, переданному методу.
включает()
Этот метод очень полезен, потому что он может проверить, имеет ли массив определенное значение. Если значение находится в массиве, оно вернет true или false, если значение не включено в массив.
Выше вы можете видеть, что если мы вызовем метод includes() для массива и передадим аргумент методу, он проверит, имеет ли массив значение, равное переданному аргументу. Я хотел бы отметить, что метод includes() чувствителен к регистру. Вы можете увидеть пример этого в последней строке кода, где он вернул false. В нашем массиве есть «картофель», но он все равно возвращает false. Причина в том, что мы передали «Картофель» в качестве аргумента метода.
Есть много других методов, встроенных в Javascript, которые можно использовать с массивами. В следующем блоге я расскажу о методах, которые позволяют перебирать массив.
Спасибо за чтение и надеюсь, что этот блог поможет вам лучше понять эти методы.
