Table of Contents

Java Script Slice vs Splice methods

Slice

slice() method returns a shallow copy of a portion of an array into a new array object.

The original array is not modified.

Syntax: 

array.slice(begin, end)

begin (optional): The starting index (inclusive). end (optional): The ending index (exclusive). 

const numbers = [1, 2, 3, 4, 5];
const sliced = numbers.slice(1, 3);
console.log(sliced); // [2, 3]
console.log(numbers); // [1, 2, 3, 4, 5] (unchanged)

Splice

splice() method changes the content of an array by removing and/or adding elements.

The original array is modified.

Syntax: 

array.splice(start, deleteCount, item1, item2, ...)

start: The index at which to start changing the array. deleteCount (optional): The number of elements to remove. item1, item2, … (optional): The elements to add to the array. 

const numbers = [1, 2, 3, 4, 5];
const spliced = numbers.splice(1, 2, 'a', 'b');
console.log(spliced); // [2, 3]
console.log(numbers); // [1, 'a', 'b', 4, 5] (modified)

Summary

slice is used to extract parts of an array without modifying it, while splice can add, remove, or replace elements within the array, changing its content in the process.