How to delete an element from an array using JavaScript ?

JavaScript - Delete Element from the Beginning of JS Array

Last Updated : 14 Nov, 2024

These are the following ways to delete elements from JavaScript arrays:

1. Using shift() method - Mostly Used

The shift() method removes the first element from the array and adjusts its length.

JavaScript

const a = [1, 2, 3, 4];

// Remove the first element
a.shift(); 

console.log(a);

Output

[ 2, 3, 4 ]

2. Using splice() method

The splice() method is used to remove elements by specifying index and count.

JavaScript

const a = [1, 2, 3, 4];

// Remove the first element
a.splice(0, 1); 

console.log(a);

Output

[ 2, 3, 4 ]

3. Using Destructuring Assignment

Array destructuring is used to extract the first element and create a new array with the rest elements.

JavaScript

const a1 = [1, 2, 3, 4];

// Skip the first element
const [, ...a2] = a1; 
console.log(a2);

Output

[ 2, 3, 4 ]

4. Using Custom Method

The idea is to start from the second element and shift all the elements one position to the left. After shifting all the elements, reduce the array size by 1 to remove the extra element at the end.

JavaScript

const a = [1, 2, 3, 4];
for (let i = 0; i < a.length - 1; i++) {
  a[i] = a[i + 1];
}

// Adjust length to "delete" last element
a.length = a.length - 1; 

console.log(a);

Output

[ 2, 3, 4 ]

How to delete an element from an array using JavaScript ?

A

amit_singh27

Improve

Article Tags :

Similar Reads

JavaScript - Delete Elements from the End of a JS Array

These are the following ways to delete elements from the end of JavaScript arrays:1. Using pop() methodThe pop() method is used to remove the last element from an array and returns the modified array.JavaScriptlet a = [1, 2, 3, 4]; // Remove last element a.pop(); console.log(a);Output[ 1, 2, 3 ] 2.

JavaScript - Insert Elements at the Beginning of JS Array

To insert an element at the beginning of a JS array, the JavaScript unshift() method is used.JavaScriptlet a = [1,2,3,4] // Inserting element a.unshift(0) console.log(a)Output[ 0, 1, 2, 3, 4 ] Table of ContentUsing Built-in MethodsWriting Your Own MethodUsing Built-in MethodsThe JS unshift() method

JavaScript - Delete Elements from an Index in JS Array

These are the following ways to delete elements from a specified Index of JavaScript arrays:1. Using splice() MethodThe splice() method is used to remove elements directly from a specified index in an array by specifying the index and the number of elements to delete.JavaScriptlet a = [1, 2, 3, 4, 5

Remove Duplicate Elements from JavaScript Array

To Remove the elements from an array we can use the JavaScript set method. Removing duplicate elements requires checking if the element is present more than one time in the array. 1. Using JavaScript Set() - Mostly UsedThe JavaScript Set() method creates an object containing only unique values. To r

How to delete an element from an array using JavaScript ?

The array is a type of data structure that allows us to store similar types of data under a single variable. The array is helpful to create a list of elements of similar types, which can be accessed using their index. In this article, we will discuss different ways to remove elements from the array.

Insert at the Beginning of an Array in JavaScript

Following are different ways to add new elements at the beginning of an array1. Using the Array unshift() Method - Most Used:Adding new elements at the beginning of the existing array can be done by using the Array unshift() method. This method is similar to the push() method but it adds an element

JavaScript - Delete First Occurence of Given Element from a JS Array

These are the following ways to delete elements from a specified Index of JavaScript arrays:1. Using indexOf() and splice() - Most UsedThe indexOf() method finds the first occurrence of the element in the array, and splice() removes it at that index. This approach directly modifies the original arra

JavaScript TypeError - Can't delete non-configurable array element

This JavaScript exception can't delete non-configurable array element that occurs if there is an attempt to short array-length, and any one of the array's elements is non-configurable. Message: TypeError: can't delete non-configurable array element (Firefox) TypeError: Cannot delete property '2' of

JavaScript- Delete from a Given Position of JS Array

These are the following ways to delete an item from the given array at given position: 1. Using the splice() Method(Most efficient for in-place modifications)The splice() method is the most versatile way to remove elements from any position in an array. It allows you to specify the index where the r

Remove Elements From a JavaScript Array

Here are the various methods to remove elements from a JavaScript ArrayRemove elements from Array1. Using pop() methodThe pop() method removes and returns the last element of an array. This function decreases the length of the array by 1 every time the element is removed.javascriptlet a = ["Apple",

翻译：