Продолжаем работать с массивами в JavaScript. В этой статье мы познакомимся с некоторыми полезными методами для работы с массивами в JavaScript.
Напомню, в предыдущей статье мы познакомились с массивами, которые, по сути, являются разновидностью объекта в JavaScript. Мы узнали, как объявить пустой массив, как заполнить массив данными, как перебрать элементы массива в цикле (кстати, для перебора массива рекомендую использовать классический цикл for, без оператора in), что такое ключ массива, а также как узнать длину массива, т.е. количество элементов в массиве — это можно сделать с помощью свойства length. Теперь давайте познакомимся с некоторым методами для работы с массивами в JavaScript.
Первые два метода, которые мы рассмотрим, это методы pop() и push(). Метод pop() удаляет последний элемент массива и, вместе с тем, возвращает его, т.е. мы можем продолжить работу с удаленным из массива элементом. Пример:
1.var names = ['John', 'James', 'Jane'];2.var name = names.pop();3.console.log(name); // Jane4.console.log(names); // ["John", "James"]
Следующая полезная функция — push(). Метод push() добавляет элемент в конец массива.
1.var names = ['John', 'James', 'Jane'];2.names.push('David');3.console.log(names); // ["John", "James", "Jane", "David"]
Поскольку есть методы для работы с последним элементом массива, логично предположить, что в JavaScript должны быть методы и для работы с первым элементом массива. И это так, для работы с началом массива есть методы shift() и unshift(). Метод shift() удаляет первый элемент массива и возвращает его:
1.var names = ['John', 'James', 'Jane'];2.var name = names.shift();3.console.log(name); // John4.console.log(names); // ["James", "Jane"]
Ну и, как вы уже догадались, метод unshift() добавляет элемент в начало массива:
1.var names = ['John', 'James', 'Jane'];2.names.unshift('David');3.console.log(names); // ["David", "John", "James", "Jane"]
На этом мы пока что остановимся. В следующих статьях мы рассмотрим другие методы для работы с массивами.
Источник: https://webformyself.com/metody-dlya-raboty-s-massivami-v-javascript/