JavaScript Slice vs Splice: объяснение методов манипулирования массивами

Фрагмент JavaScript или сращивание:

В JavaScript методы slice()и splice()используются для управления массивами, но у них разные функциональные возможности. Давайте рассмотрим каждый метод подробно:

  1. Slice:
    Метод slice()возвращает неполную копию части массива в новый массив. Он не изменяет исходный массив. Синтаксис slice()следующий:
    array.slice(start, end)
    • start(необязательно): индекс, с которого следует начать извлечение. Если этот параметр опущен, извлекается из начала массива.
    • end(необязательно): индекс, по которому следует завершить извлечение. Метод slice()извлекает до конечного индекса, но не включает его. Если этот параметр опущен, извлекается до конца массива.

Пример использования:

const fruits = ['apple', 'banana', 'orange', 'mango', 'kiwi'];
const slicedFruits = fruits.slice(1, 4);
console.log(slicedFruits); // Output: ['banana', 'orange', 'mango']
  1. Splice:
    Метод splice()изменяет содержимое массива, удаляя, заменяя или добавляя элементы. Он изменяет исходный массив. Синтаксис splice()следующий:
    array.splice(start, deleteCount, item1, item2, ...)
    • start: индекс, с которого следует начать изменение массива.
    • deleteCount(необязательно): количество элементов, которые нужно удалить из массива. Если установлено значение 0, элементы не удаляются.
    • item1, item2,...(необязательно): элементы, добавляемые в массив, начиная с индекса start.

Пример использования:

const fruits = ['apple', 'banana', 'orange', 'mango', 'kiwi'];
fruits.splice(2, 1, 'pear', 'grape');
console.log(fruits); // Output: ['apple', 'banana', 'pear', 'grape', 'mango', 'kiwi']