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

Массивы — одна из распространенных структур данных, с которыми вы будете взаимодействовать в JavaScript. При удалении элемента из массива в вашем распоряжении есть разные методы. Все зависит от того, где находится элемент, который вы хотите удалить, и как вы хотите его идентифицировать.

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

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

Чтобы удалить первый элемент массива, используйте встроенный в JavaScript сдвиг() метод. Он работает из коробки, удаляя элемент, а затем сдвигая индексы всех оставшихся элементов.

После удаления элемента метод shift возвращает его. Это означает, что вы можете присвоить удаленный элемент другой переменной и использовать его позже, если хотите.

Вот как:

константа демомассив = [1, 2, 3, 4, 5];
константа первыйЭлемент = demoArray.shift();





instagram viewer



консоль.log(демомассив); // журналы [2, 3, 4, 5]
консоль.log (первый элемент); // регистрирует 1

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

JavaScript имеет встроенный поп() метод удаления последнего элемента массива. Как сдвиг() метод, поп() возвращает удаленный элемент из массива.

константа демомассив = [1, 2, 3, 4, 5];
константа lastElement = demoArray.pop();
консоль.log(демомассив); // журналы [1, 2, 3, 4]
консоль.log(последний элемент); // регистрирует 5

Shift и pop — два наиболее распространенных Методы массива JavaScript, но они могут только получить вас до сих пор. Помимо этих двух, есть несколько методов, которые дают вам большую точность при удалении элементов.

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

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

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

константа демомассив = [1, 2, 3, 4, 5];
удалить демомассив[2];
консоль.log (демомассив[2]); // регистрирует неопределенное значение
консоль.log(demoArray.length); // регистрирует 5
консоль.log(демомассив); // журналы [1, 2, пусто, 4, 5]

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

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

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

константа демомассив = [1, 2, 3, 4, 5];
константа targetElementIndex = demoArray.indexOf(4);
консоль.log(целевойЭлементИндекс); // регистрирует 3

Метод indexOf возвращает индекс первого вхождения введенного вами значения, даже если значение присутствует более одного раза. Если он вообще не находит подходящего элемента, indexOf возвращает -1.

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

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

demoArray.splice(targetElementIndex, 1);

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

Если некоторые из этих методов являются новыми для вас, ознакомьтесь с нашими полная шпаргалка по JavaScript. Он содержит все доступные вам методы массива, не только для удаления, но и для других операций, таких как добавление, зацикливание, реверсирование и фильтрация элементов.

Работайте с массивами JavaScript как профессионал

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

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