Open In App

How to remove object from array of objects using JavaScript ?

Improve
Improve
Like Article
Like
Save
Share
Report

Given a JavaScript array containing objects, the task is to delete certain objects from an array of objects. and return the newly formed array after deleting that element.

There are two approaches to solving this problem which are discussed below: 

Approach 1: Using array.forEach() method

  • Use array.forEach() method to traverse every object of the array.
  • For each object, use the delete obj.property to delete the certain object element from an array of objects.

Example: This example implements the above approach. 

Javascript




let arr = [{
    a: 'Val_1',
    b: 'Val_2'
}, {
    a: 'Val_3',
    b: 'Val_4'
}, {
    a: 'Val_1',
    b: 'Val_2'
}];
 
function myFunc() {
    arr.forEach(function (obj) {
        delete obj.a
    });
 
    console.log(JSON.stringify(arr));
}
 
myFunc();


Output

[{"b":"Val_2"},{"b":"Val_4"},{"b":"Val_2"}]

Approach 2: Using array.map() method

  • Use array.map() method to traverse every object of the array.
  • For each object use the delete obj.property to delete the certain object from an array of objects.

Example: This example implements the above approach. 

Javascript




let arr = [{
    a: 'Val_1',
    b: 'Val_2'
}, {
    a: 'Val_3',
    b: 'Val_4'
}, {
    a: 'Val_1',
    b: 'Val_2'
}];
 
function myFunc() {
    arr.map(function (obj) {
        delete obj.a;
        return obj;
    });
 
    console.log(JSON.stringify(arr));
}
 
myFunc();


Output

[{"b":"Val_2"},{"b":"Val_4"},{"b":"Val_2"}]


Last Updated : 20 Dec, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads