Что такое мутирующие методы массива js

Question

Вячеслав Межуревский · Accepted Answer

Мутирующие методы массива - это методы, которые при использовании на массиве изменяют его. Для понимания - есть методы, которые при вызове не меняют исходный массив, а делают его копию, и над ней проводят манипуляции например - `filter()`, `map()`, `concat()`.

Рассмотрим пример работы мутирующих методов, таких как [push()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push), [pop()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop).

Пример добавления в массив элемента с помощью мутирующего метода:
```js
const arrNumbers = [34, 26, 356, 12, 9, 5, 10];
arrNumbers.push('a');
console.log(arrNumbers);
// -> [34, 26, 356, 12, 9, 5, 10, 'a']
```

Пример добавления в массив элемента без изменения исходного:
```js
const arrNumbers = [34, 26, 356, 12, 9, 5, 10];
cosnt names = ['Ivan', 'Maria'];
const result = arrNumbers.concat(names);
console.log(arrNumbers);
// -> [34, 26, 356, 12, 9, 5, 10];
console.log(result);
// -> [34, 26, 356, 12, 9, 5, 10, 'Ivan', 'Maria']
```

Пример удаления из массива элемента с помощью мутирующего метода:
```js
const arrNumbers = [34, 26, 356, 12, 9, 5, 10];
arrNumbers.pop();
console.log(arrNumbers);
// -> [34, 26, 356, 12, 9, 5]
```

Пример удаления из массива элемента без мутации:
```js
const arrNumbers = [34, 26, 356, 12, 9, 5, 10];
const filteredArray = arrNumbers.filter((num) => num !== 10); 
console.log(arrNumbers);
// -> [34, 26, 356, 12, 9, 5, 10]
console.log(filteredArray);
// -> [34, 26, 356, 12, 9, 5]
```

Что такое мутирующие методы массива js

Ответы

Каталог