От автора: приветствую вас, друзья. Продолжаем работать с массивами в JavaScript. В этой статье мы познакомимся с некоторыми полезными методами для работы с массивами в JavaScript.
Напомню, в предыдущей статье мы познакомились с массивами, которые, по сути, являются разновидностью объекта в JavaScript. Мы узнали, как объявить пустой массив, как заполнить массив данными, как перебрать элементы массива в цикле (кстати, для перебора массива рекомендую использовать классический цикл for, без оператора in), что такое ключ массива, а также как узнать длину массива, т.е. количество элементов в массиве — это можно сделать с помощью свойства length. Теперь давайте познакомимся с некоторым методами для работы с массивами в JavaScript.
Первые два метода, которые мы рассмотрим, это методы pop() и push(). Метод pop() удаляет последний элемент массива и, вместе с тем, возвращает его, т.е. мы можем продолжить работу с удаленным из массива элементом. Пример:
1 2 3 4 |
var names = ['John', 'James', 'Jane']; var name = names.pop(); console.log(name); // Jane console.log(names); // ["John", "James"] |

JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнееСледующая полезная функция — push(). Метод push() добавляет элемент в конец массива.
1 2 3 |
var names = ['John', 'James', 'Jane']; names.push('David'); console.log(names); // ["John", "James", "Jane", "David"] |
Поскольку есть методы для работы с последним элементом массива, логично предположить, что в JavaScript должны быть методы и для работы с первым элементом массива. И это так, для работы с началом массива есть методы shift() и unshift(). Метод shift() удаляет первый элемент массива и возвращает его:
1 2 3 4 |
var names = ['John', 'James', 'Jane']; var name = names.shift(); console.log(name); // John console.log(names); // ["James", "Jane"] |
Ну и, как вы уже догадались, метод unshift() добавляет элемент в начало массива:
1 2 3 |
var names = ['John', 'James', 'Jane']; names.unshift('David'); console.log(names); // ["David", "John", "James", "Jane"] |
На этом мы пока что остановимся. В следующих статьях мы рассмотрим другие методы для работы с массивами. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Смотреть