Массивы являются неотъемлемой частью большинства языков программирования, включая javascript. Овладение им сделает вашу жизнь программиста проще, чем вы думаете. Эта статья предназначена для новичков в javascript и содержит основные методы работы с массивами, которые должен знать каждый программист.

В отличие от некоторых других языков программирования, таких как java, c++, c,… в javascript размер массива не является фиксированным, что означает, что вы можете добавлять, удалять и изменять размер массива по своему усмотрению.

Добавление нового элемента

Метод push() используется для добавления новых элементов в конец массива. Вы можете передавать элементы в качестве аргумента этого метода.

let arr = [1,2,3];
arr.push(10, 11);
arr.push(100);
console.log(arr); //[1,2,3,10,11,100]

Метод unshift() используется для добавления новых элементов с начала массива. Здесь также вы должны передавать новые элементы в качестве аргумента метода.

let arr = [1,2,3];
arr.unshift(10, 11);
arr.unshift(100);
console.log(arr); //[100, 10, 11, 1, 2, 3]

Удаление элементов

Метод pop() используется для удаления последнего элемента массива.

let arr = [1,2,3];
arr.pop();
console.log(arr); //[1,2]

Метод shift() используется для удаления первого элемента массива. После удаления первого элемента все элементы сдвигаются вперед и соответственно меняется их индекс.

let arr = [1,2,3];
arr.shift();
console.log(arr); //[2,3]

Примечание. Имейте в виду, что эти методы напрямую изменяют текущий массив и возвращают разные результаты.

Вставка или удаление элементов посередине

Метод splice() используется как для вставки, так и для удаления элементов в середине массива. Этот метод принимает 2 основных аргумента. Этот метод удаляет указанное количество элементов, начиная с указанного индекса. Первый аргумент — это индекс массива, с которого должно начаться удаление. Второй аргумент — это количество элементов, которые необходимо удалить.

let arr = ["a", "b", "c", "d", "e"];
arr.splice(1,2);
console.log(arr); //["a", "d", "e"]

После второго аргумента вы можете передать столько значений, сколько хотите, чтобы вставить их в одно и то же место.

let arr = ["a", "b", "c", "d", "e"];
arr.splice(1,2, "x", "y", "z");
console.log(arr); //["a", "x", "y", "z", "d", "e"]

Другие методы

Это не метод, и я думаю, вы хорошо знакомы с ним, но подумали, что стоит упомянуть об этом. lengthкаждый массив имеет это свойство, и оно отслеживает длину нашего массива.

const arr = [1,2,3,4,5];
console.log(arr.length); //5

Метод slice() используется для получения некоторой части массива. Индекс начальной точки передается в качестве первого аргумента, а конечный индекс передается в качестве второго аргумента. Конечный индекс не будет включен в извлеченный массив. Если нет второго аргумента, он извлекает элементы до конца массива. Имейте в виду, что этот метод возвращает извлеченный массив и не изменит исходный массив.

let arr = ["a", "b", "c", "d", "e"];
const arr1 = arr.slice(1, 3);
console.log(arr1); //["b", "c"]
const arr2 = arr.slice(2);
console.log(arr2); //[ "c", "d", "e"]