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

Массивы — это обычная структура данных, с которой вы будете иметь дело в JavaScript.

Несколько способов удаления элемента из массива. Все зависит от того, где вы хотите удалить деталь и как вы хотите ее идентифицировать.

Оглавление:

  1. Удалить первый элемент массива
  2. Удалить последний элемент массива
  3. Использование оператора удаления
  4. Удалить элемент массива на основе его значения

Ознакомьтесь с многочисленными методами удаления элемента массива JavaScript, будь то в начале, в конце или где-то посередине.

1. Удалите первый элемент массива

Используйте метод JavaScript shift(), чтобы удалить первый элемент из массива.

Он работает, удаляя элемент, а затем сдвигая индексы всех оставшихся элементов.

Метод shift возвращает элемент после его удаления.

То есть, в зависимости от вашего выбора, вы можете присвоить удаленный элемент другой переменной и использовать ее позже.

Вот как это делается:

const demoArray = [1, 2, 3, 4, 5];
const firstElement = demoArray.shift();
console.log(demoArray); // logs [2, 3, 4, 5]
console.log(firstElement); // logs 1

2. Удалить последний элемент массива

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

Pop(), как и shift(), возвращает удаленный элемент из массива.

const demoArray = [1, 2, 3, 4, 5];
const lastElement = demoArray.pop();
console.log(demoArray); // logs [1, 2, 3, 4]
console.log(lastElement); // logs 5

Самые популярные методы работы с массивами в JavaScript — это сдвиг и выталкивание, но они пока не помогают.

Помимо этих двух, существует множество способов, позволяющих удалять детали с большей четкостью.

3. Использование оператора удаления

Вы также можете использовать оператор удаления JavaScript для удаления элемента массива с определенным индексом.

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

Оператор удаления просто удаляет значение, оставляя пробел в индексе массива.

Даже если последний элемент удален, длина исходного массива остается постоянной.

const demoArray = [1, 2, 3, 4, 5];
delete demoArray[2];
console.log(demoArray[2]); // logs undefined
console.log(demoArray.length); // logs 5
console.log(demoArray); // logs [1, 2, empty, 4, 5]

4. Удалить элемент массива на основе его значения

Вы также можете удалить элемент массива по его значению. Для этого нет встроенного способа, но вы можете комбинировать два существующих метода: indexOf() и splice().

Эти две функции позволяют удалить определенный элемент из массива без использования индекса.

Для начала используйте indexOf(), чтобы найти индекс интересующего элемента:

const demoArray = [1, 2, 3, 4, 5];
const targetElementIndex = demoArray.indexOf(4);
console.log(targetElementIndex); // logs 3

Даже если значение присутствует более одного раза, функция indexOf возвращает индекс первого вхождения введенного вами значения.

Если соответствующий элемент не найден, indexOf возвращает -1.

Имея в руках индекс целевого элемента, вы можете вызвать функцию splice(), чтобы удалить элемент с этим индексом.

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

Включите значение 1 в качестве второго параметра, чтобы удалить только один элемент:

demoArray.splice(targetElementIndex, 1);

Функция splice(), например shift() и pop(), возвращает массив удаленных элементов и изменяет исходный массив elements().

Если некоторые из этих методов являются новыми для вас, прочтите наше полное справочное руководство по JavaScript.

Он содержит все доступные вам методы массива, такие как добавление, зацикливание, реверсирование и фильтрация элементов.

Используйте массивы JavaScript как профессионал

Поскольку массивы так распространены в веб-разработке, важно знать, как обращаться с ними в JavaScript.

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