javascript
  1. javascript-splice
PreviousNext

JavaScript splice() Method

The splice() method in JavaScript is used to add or remove elements from an array. You can add new elements to an array, remove elements from an array, or replace an existing element. This method changes the original array.

Syntax

array.splice(index, howMany[, element1[, ...[, elementN]]])
  • index: An integer that specifies at what position to add/remove elements. Required parameter.
  • howMany: The number of elements to be removed. If set to 0 (zero), no elements will be removed. Optional parameter.
  • element1, ... elementN: The elements to add to the array. If not provided, no elements will be added. Optional parameter.

Example

Example 1: Removing elements from an array

let fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 1);
console.log(fruits); // Output: ["Banana", "Orange", "Mango"]

Example 2: Replacing an element in an array

let cars = ["Volvo", "BMW", "Mercedes"];
cars.splice(1, 1, "Audi");
console.log(cars); // Output: ["Volvo", "Audi", "Mercedes"]

Example 3: Adding elements to an array

let languages = ["Java", "Python", "C++"];
languages.splice(1, 0, "JavaScript", "PHP");
console.log(languages); // Output: ["Java", "JavaScript", "PHP", "Python", "C++"]

Output

The splice() method changes the original array and returns the removed elements as a new array.

Explanation

The splice() method takes one or more parameters, including the index where to add or remove elements, how many elements to remove, and elements to add.

If the howMany parameter is set to 0, no elements will be removed. If it is not set or greater than the number of elements remaining in the array, all the elements from the index specified to the end of the array are removed.

If elements are added to the array, they are added at the index specified, and existing elements are moved up one index to accommodate new elements.

Use

The splice() method is useful when you need to add or remove elements to/from an array without leaving empty items in the array. It is also useful when you need to replace an element in an array with a new one.

Important Points

  • The splice() method changes the original array.
  • The howMany parameter specifies the number of elements to remove. If it is set to 0 (zero), no elements will be removed. If it is not set or greater than the number of elements remaining in the array, all the elements from the index specified to the end of the array will be removed.
  • If you don't specify any elements to add, only the original elements are removed.
  • If you specify one or more elements to add, they are added at the index specified, and existing elements in the array are moved up one index to accommodate new elements.

Summary

The splice() method in JavaScript is used to add or remove elements from an array. It is a powerful method that can be used to manipulate arrays quickly and efficiently. The method takes one or more parameters, including the index where to add or remove elements, how many elements to remove, and elements to add. The splice() method changes the original array and returns the removed elements as a new array.

slice()forEach()
Published on: