How to remove object from array of objects using JavaScript ?

Given a JavaScript array containing objects in and the task is to delete certain objects from an array of objects. There are two approaches to solving this problem which are discussed below: 

Approach 1:

• Use array.forEach() method to traverse every object of the array.
• For each object, use 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:

• Use array.map() method to traverse every object of the array.
• For each object use delete obj.property to delete the certain object from 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"}]