What is the difference between Array.slice() and Array.splice() in JavaScript ?

In JavaScript, slice() and splice() are array methods with distinct purposes. `slice()` creates a new array containing selected elements from the original, while `splice()` modifies the original array by adding, removing, or replacing elements.

slice():

The slice() method in JavaScript extracts a section of an array and returns a new array containing the selected elements, without modifying the original array.

Syntax:

array_name.slice(s, e)

Example: In this example The slice() method in JavaScript extracts elements from the cars array, creating a new array new_cars from index 1 up to, but not including, index 4.

let cars = ['Benz', 'Innova', 'Breeza', 'Etios', 'Dzire'];
let new_cars = cars.slice(1, 4);
console.log("cars :", cars);
console.log("new_cars :", new_cars);

cars : [ 'Benz', 'Innova', 'Breeza', 'Etios', 'Dzire' ]
new_cars : [ 'Innova', 'Breeza', 'Etios' ]

splice():

The splice() method in JavaScript is used to change the contents of an array by removing or replacing existing elements and/or adding new elements in place, modifying the original array.

Syntax:

array_name.splice(i, n, item 1, item 2, .....item n)

Example: In this example, The splice() method in JavaScript inserts new elements ('ambassador', 'BMW', 'Audi') into the cars array at index 2 without removing any elements.

let cars = ['Benz', 'Innova', 'Breeza', 'Etios', 'Dzire'];
cars.splice(2, 0, 'ambassedor', 'BMW', 'Audi');
console.log("cars :", cars);

cars : [
  'Benz',       'Innova',
  'ambassedor', 'BMW',
  'Audi',       'Breeza',
  'Etios',      'Dzire'
]

Difference Table between Array.slice() and Array.splice()