Методы для работы с массивами в JavaScript

Дата публикации: 2016-11-14

От автора: приветствую вас, друзья. Продолжаем работать с массивами в JavaScript. В этой статье мы познакомимся с некоторыми полезными методами для работы с массивами в JavaScript.

Напомню, в предыдущей статье мы познакомились с массивами, которые, по сути, являются разновидностью объекта в JavaScript. Мы узнали, как объявить пустой массив, как заполнить массив данными, как перебрать элементы массива в цикле (кстати, для перебора массива рекомендую использовать классический цикл for, без оператора in), что такое ключ массива, а также как узнать длину массива, т.е. количество элементов в массиве — это можно сделать с помощью свойства length. Теперь давайте познакомимся с некоторым методами для работы с массивами в JavaScript.

Первые два метода, которые мы рассмотрим, это методы pop() и push(). Метод pop() удаляет последний элемент массива и, вместе с тем, возвращает его, т.е. мы можем продолжить работу с удаленным из массива элементом. Пример:

var names = ['John', 'James', 'Jane'];
var name = names.pop();
console.log(name); // Jane
console.log(names); // ["John", "James"]

var names = ['John', 'James', 'Jane'];

var name = names.pop();

console.log(name); // Jane

console.log(names); // ["John", "James"]

JavaScript. Быстрый старт

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

Узнать подробнее

Следующая полезная функция — push(). Метод push() добавляет элемент в конец массива.

var names = ['John', 'James', 'Jane'];
names.push('David');
console.log(names); // ["John", "James", "Jane", "David"]

var names = ['John', 'James', 'Jane'];

names.push('David');

console.log(names); // ["John", "James", "Jane", "David"]

Поскольку есть методы для работы с последним элементом массива, логично предположить, что в JavaScript должны быть методы и для работы с первым элементом массива. И это так, для работы с началом массива есть методы shift() и unshift(). Метод shift() удаляет первый элемент массива и возвращает его:

var names = ['John', 'James', 'Jane'];
var name = names.shift();
console.log(name); // John
console.log(names); //  ["James", "Jane"]

var names = ['John', 'James', 'Jane'];

var name = names.shift();

console.log(name); // John

console.log(names); // ["James", "Jane"]

Ну и, как вы уже догадались, метод unshift() добавляет элемент в начало массива:

var names = ['John', 'James', 'Jane'];
names.unshift('David');
console.log(names); //  ["David", "John", "James", "Jane"]

var names = ['John', 'James', 'Jane'];

names.unshift('David');

console.log(names); // ["David", "John", "James", "Jane"]

На этом мы пока что остановимся. В следующих статьях мы рассмотрим другие методы для работы с массивами. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

JavaScript. Быстрый старт

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

Узнать подробнее