One of the common operations with an array is removing the item. We will learn about how to remove an item from an array using JavaScript Splice() function. But before that let me introduce you to Splice() function in JavaScript.

Splice Introduction Splice is a JavaScript builtin method to play with an array. The splice function can add or remove an item from an array thus changing the original array.

Splice function Syntax array.spliceStartingindex Numberofelements Listofitems

Splice Parameters Starting Index Splice function will start from here. Keep in mind an array index start from 0. Also if startingindex is greater than the length of the array then the splice function will start from the ending index. If it is negative in this case it will begin that many elements from the end of the array. For example with origin 1 meaning n is the index of the nth last element. Thus it is equal to the index of array.length n.

Numberofelements This is the count of elements in the array to remove from startingindex. No element removes if it is 0 or negative. To remove any element at least you should use any count here.

Listofitems Here you can add the list of items in the array. Since our purpose is to remove the items from the array we can omit this parameter. This is an optional parameter. This is not required for delete operation.

Splice Return Value The splice function will return an array containing the deleted items. Below are the examples demonstrating the splice function in JavaScript.

Removing an item from index 1 var mycars BMW Audi Austin var removed mycars.splice1 1 console.logremoved result Audi console.logmycars original array BMW Austin

Removing 2 items from index 1 var mycars BMW Audi Austin Bentley Bugatti var removed mycars.splice1 2 console.logremoved result console.logmycars original array

Remove all items from index 1 var mycars BMW Audi Austin Bentley Bugatti var removed mycars.splice1 console.logremoved result console.logmycars original array

Remove and insert an item on index 1 when count is 0 zero var mycars BMW Audi Austin Bentley Bugatti var removed mycars.splice1 0 Chevrolet console.logremoved result console.logmycars original array Note that we passed 0 in count parameter. That means no item will remove from the array. It will insert new item on the same index position of 1.

Remove and insert an item on index 1 when count is 1 zero Lets repeat the above example with count 1 in the second parameter of splice function. As a result it will remove and then insert an item in the same position. In other words it is replacing the item. var mycars BMW Audi Austin Bentley Bugatti var removed mycars.splice1 1 Chevrolet console.logremoved result console.logmycars original array

Reference developer.mozilla.orgenUSdocsWebJavaScriptReferenceGlobalObjectsArraysplice

Further Reading Add An Item To An Array Using JavaScript Splice Understanding Angular Modules and Its Types Create Your Blog Site With Gatsby.js Static Site Generator