Как удалить определенный элемент из массива js
Правильным способом удаления элемента из массива будет использование метода splice() . Этот метод принимает три аргумента, но нам нужны только первые два из них. Это индекс начиная с которого мы хотим удалить элементы. А также количество элементов, которые будут удалены из массива. Взгляните на пример ниже:
const letters = ["a", "b", "c"]; const index = 1; array.splice(index, 2); console.log(letters); // => [ 'a' ] 18 октября 2022
Часто бывает в задачах, что нам требуется удалить из массива определенный элемент.
Один из способов — это воспользоваться функцией высшего порядка filter:
// К примеру, дан массив из чисел: const numbers = [1, 2, 3, 4, 5]; //необходимо удалить элемент, который равен трём. const numberToDelete = 3; //фильтруем исходный массив. //А для того, чтобы его не мутировать, присвоим его в новую переменную. const filteredNumbers = numbers.filter((number) => number !== numberToDelete); console.log(filteredNumbers); // => [1, 2, 4, 5] //Готово! Также есть самый явный способ для удаления элемента массива с помощью ключевого слова delete:
let fruits = ['banana', 'orange', 'apple']; //Допустим, что нам нужно удалить нулевой элемент массива. delete fruits[0]; console.log(fruits); // => [ , 'orange', 'apple' ] Обратите внимание, что на месте нулевого элемента осталось пустое место. Как правило, удалять элемент массива таким способом не является хорошей практикой. Данный способ приведен в качестве примера.
Если вам нужно удалить последний элемент массива, для этого есть способ — это метод pop(). Перейдём к примеру:
const fruits = ['banana', 'orange', 'apple']; fruits.pop(); console.log(fruits); // получаем => [ 'banana', 'orange' ] Но это еще не всё!
Одним из наиболее удобных методов для удаления элемента массива является метод splice():
const names = ['John', 'Darina', 'Mark', 'Kris']; //допустим, что дан массив имён. // Нам необходимо удалить из массива второй элемент. names.splice(2, 1); // начиная со второго элемента удаляем один элемент console.log(names); // => [ 'John', 'Darina', 'Kris' ] Это не все способы удаления элементов из массива, но и среди указанных можно найти метод по душе или же придумать что-то свое.
Документация:
- Функция высшего порядка filter
- Метод splice()
- Метод pop()
Удалить неопределенные значения из массива в JavaScript
В этом посте мы обсудим, как удалить неопределенные значения из массива в JavaScript. Решение должно вернуть новый массив, исключающий неопределенные значения.
Массив в JavaScript допускает неопределенные значения, нулевые значения или любые типы ложных значений. Существует несколько методов фильтрации этих значений из массива:
1. Удалить все неопределенные значения
Ан undefined value автоматически назначается в JavaScript, где значение не было назначено явно. Чтобы удалить все undefined значения из массива, вы можете использовать filter() метод.
Удалить пустые элементы в массиве
Удалить пустые элементы массива можно через метод filter() .
var array = ['JavaScript', '', 'jQuery', null, 'ECMAScript', undefined, 1, '10', 0]; array = array.filter(function (el) < return (el != null && el != "" || el === 0); >); array; // ["JavaScript", "jQuery", "ECMAScript", 1, "10", 0]
Если в массиве не будет числа «0», то в методе filter() можно просто указать «Boolean». Код выполнится как на примере выше, но в массиве также будет удалён элемент «0».
var array = ['JavaScript', '', 'jQuery', null, 'ECMAScript', undefined, 1, '10', 0]; array = array.filter(Boolean); array; // ["JavaScript", "jQuery", "ECMAScript", 1, "10"]
Обновлено: 01 ноября 2020 | История изменений
Комментарии
Авторизуйтесь, чтобы добавлять комментарии
Курсы javascript
Нужно удалить из массива пустые элементы.Поискал в интернете -несколько вариантов нашёл.А ,вообще,есть какой-нибудь «стандартный способ»?
12.02.2014, 19:14
Регистрация: 27.04.2012
Сообщений: 1,410
например, можно так:
example
можно извратиться так: )))
example
Последний раз редактировалось skrudjmakdak, 12.02.2014 в 19:20 .
12.02.2014, 19:30
Регистрация: 13.12.2012
Сообщений: 283
skrudjmakdak,спасибо!
А,где изучают ЯВАСКРИПТ?В университете или в колледже изучают?
12.02.2014, 19:38
Регистрация: 27.04.2012
Сообщений: 1,410
вот смотри еще прикол. (у меня хром) заходишь в фаербаг, в консоль.. и там пишешь
«Array.prototype», потом ставишь точку и у тебя высветится список свойств и методов этого класса
вот я тебе заскринил:
конечно он не дает описание, но если ты знаешь английский, то примерно понять можно.. а еще лучше загуглись.. посм описание этого свойства или метода..
или прям в консоле можешь прописать:
var t = [1, 2, 3]; t.join(';');
и у тебя выпадит в консоль результат
также можешь прописать «String.prototype.» и у тебя вывалит список свойств и методов класса строки.
вообщем консоль это супер!
или например вот: document.querySelector(‘body’);
найдет тебе боди. вообщем можешь пользоваться на полную катушку..
я самостоятельно изучал. с третьего курса начал потихоньку..