Как удалить определенный элемент из массива js

Question

Виктория Аблаева · Accepted Answer

Часто бывает в задачах, что нам требуется удалить из массива определенный элемент.  
Один из способов - это воспользоваться функцией высшего порядка **filter**:

```javascript
// К примеру, дан массив из чисел:
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**:  

```javascript
let fruits = ['banana', 'orange', 'apple'];

//Допустим, что нам нужно удалить нулевой элемент массива.
delete fruits[0];
console.log(fruits); // => [ <1 empty item>, 'orange', 'apple' ]
```
Обратите внимание, что на месте нулевого элемента осталось пустое место. Как правило, удалять элемент массива таким способом не является хорошей практикой. Данный способ приведен в качестве примера.
  
Если вам нужно удалить последний элемент массива, для этого есть способ - это метод **pop()**.
Перейдём к примеру:  

```javascript
const fruits = ['banana', 'orange', 'apple'];
fruits.pop();
console.log(fruits); // получаем => [ 'banana', 'orange' ]
```
Но это еще не всё!  
Одним из наиболее удобных методов для удаления элемента массива является метод **splice()**:  

```javascript
const names = ['John', 'Darina', 'Mark', 'Kris']; 
//допустим, что дан массив имён.
// Нам необходимо удалить из массива второй элемент.
names.splice(2, 1); // начиная со второго элемента удаляем один элемент
console.log(names); // => [ 'John', 'Darina', 'Kris' ]
```

Это не все способы удаления элементов из массива, но и среди указанных можно найти метод по душе или же придумать что-то свое.
  
#### Документация:  
- [Функция высшего порядка filter](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
- [Метод splice()](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/splice)
- [Метод pop()](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/pop)

Roman Ashikov · Answer

Правильным способом удаления элемента из массива будет использование метода `splice()`. Этот метод принимает три аргумента, но нам нужны только первые два из них. Это индекс начиная с которого мы хотим удалить элементы. А также количество элементов, которые будут удалены из массива. Взгляните на пример ниже:

```javascript
const letters = ["a", "b", "c"];
const index = 1;
letters.splice(index, 2);
console.log(letters); // => [ 'a' ]
```

Person · Answer

ппц, не думал что удалить элемент из массива по индексу со смещением в JS это такой ппц.

```
// удалить из массива значение по индексу со смещением
// массив который обрабатываем, элемент в массиве который удаляем
	function array_splice( array, key ){
		
		resoltArray = new Array();
		
		// перебираем массив
		for( let i = 0; i < array.length; i++ ){
			
			if( i != key ){
				
				// добавляем значение в массив
				resoltArray.push( array[ i ] );
			}
		}
		
		return resoltArray;
	}

array = array_splice( array, key );


```
Зачем разрабы городили огород не понятно.

Никита Вихров · Answer

Удалить элемент по значению проще всего через `filter()` — он вернёт новый массив без этого элемента. Удалить по индексу в исходном массиве — через `splice()`.

```javascript
const numbers = [1, 2, 3, 4, 5];

const withoutThree = numbers.filter((n) => n !== 3);
console.log(withoutThree); // => [ 1, 2, 4, 5 ]
console.log(numbers);      // => [ 1, 2, 3, 4, 5 ] — исходный не изменился
```

## По индексу: `splice()`

`splice(индекс, сколько)` удаляет элементы из самого массива и возвращает удалённые:

```javascript
const fruits = ['яблоко', 'груша', 'слива'];
const removed = fruits.splice(1, 1);

console.log(fruits);  // => [ 'яблоко', 'слива' ]
console.log(removed); // => [ 'груша' ]
```

## Первое вхождение значения

`filter()` удалит все совпадения. Если нужно убрать только первое, найдите индекс через `indexOf()`:

```javascript
const items = ['a', 'b', 'a'];
const index = items.indexOf('a');
if (index !== -1) {
  items.splice(index, 1);
}
console.log(items); // => [ 'b', 'a' ]
```

Проверка `index !== -1` обязательна: `splice(-1, 1)` удалит последний элемент.

## Первый и последний элемент

```javascript
const list = [1, 2, 3];
list.shift(); // удалит первый → [ 2, 3 ]
list.pop();   // удалит последний → [ 2 ]
```

## Без изменения исходного массива

`toSpliced()` работает как `splice()`, но возвращает новый массив:

```javascript
const letters = ['a', 'b', 'c'];
console.log(letters.toSpliced(1, 1)); // => [ 'a', 'c' ]
console.log(letters);                 // => [ 'a', 'b', 'c' ]
```

`delete arr[1]` оставляет на месте элемента пустую ячейку, и длина массива не меняется. Для удаления элементов массива его не используют.

Массивы и их методы разбирают в бесплатном курсе [«Основы JavaScript»](https://ru.hexlet.io/programs/javascript-basics-free).

Как удалить определенный элемент из массива js

Ответы

Документация:

По индексу: `splice()`

Первое вхождение значения

Первый и последний элемент

Без изменения исходного массива

Каталог

Как удалить определенный элемент из массива js

Ответы

Документация:

По индексу: splice()

Первое вхождение значения

Первый и последний элемент

Без изменения исходного массива

Каталог

По индексу: `splice()`