JavaScript splice() Method
The array.splice() method is used to add or remove items from an array. This method takes in 3 parameters, the index where the element’s id is to be inserted or removed, the number of items to be deleted, and the new items which are to be inserted. This method actually deletes the element at the index and shifts the remaining elements leaving no empty index. This is useful as the array left after deletion can be iterated normally and displayed properly. The length of the array decreases using this method.
Syntax:
array.splice(index, items_to_remove, item1 ... itemX)
Example: In this example, we will be deleting an element at the 2nd index and display the resultant array using the splice() method.
// Function to delete element
function deleteElement() {
// Input array
let Arr = [1, 2, 3, 4, 5, 6];
// Index to delete element
let index = 2;
Arr.splice(index, 1);
// Display output
console.log(Arr);
}
deleteElement();
Output
[ 1, 2, 4, 5, 6 ]
delete vs splice difference table
Aspect | delete | splice |
---|---|---|
Effect | Removes element, leaves empty space | Removes elements, adjusts array size, fills gaps |
Return Value | Returns true , leaves array length | Returns array of removed elements, modifies array size |
Array Mutation | Leaves empty slot in array | Modifies array in-place, may add or remove elements |
Usage | Typically used with arrays or objects | Primarily used with arrays, for element manipulation |
Performance | Less efficient for large arrays | More efficient for removing/inserting multiple items |
Delete the array elements in JavaScript | delete vs splice
This article will show you how to Delete the array element at a specific position using JavaScript. There are two approaches that can be used to delete elements in an array. They have their own merits regarding the way they perform the deletion.
Contact Us