Remove an object from an array in JavaScript

This post will discuss how to remove an object from an array in JavaScript.

There are several ways to remove an object from an array in JavaScript:

1. Using `Array.prototype.filter()` function

The recommended method in JavaScript is to use the filter() method, which creates a new array with the object that passes the specified predicate.

let obj = [

{ name: 'Max', age: 23 },

{ name: 'John', age: 20 },

{ name: 'Caley', age: 18 }

];

let filtered = obj.filter(o => o.name !== 'John');

console.log(filtered);

Output: [ { name: 'Max', age: 23 }, { name: 'Caley', age: 18 } ]

Download Run Code

2. Using Underscore/Lodash Library

Similarly, you can use the _.filter method of the Underscore or Lodash library, which offers similar functionality.

var _ = require('underscore');

let obj = [

{ name: 'Max', age: 23 },

{ name: 'John', age: 20 },

{ name: 'Caley', age: 18 }

];

let filtered = _.filter(obj, o => o.name !== 'John');

console.log(filtered);

Output: [ { name: 'Max', age: 23 }, { name: 'Caley', age: 18 } ]

Download Code

The opposite of the _.filter is the _.reject method, which can be used in the following manner to return elements of the collection that fails the predicate.

var _ = require('underscore');

let obj = [

{ name: 'Max', age: 23 },

{ name: 'John', age: 20 },

{ name: 'Caley', age: 18 }

];

let filtered = _.reject(obj, o => o.name === 'John');

console.log(filtered);

Output: [ { name: 'Max', age: 23 }, { name: 'Caley', age: 18 } ]

Download Code

3. Using jQuery

With jQuery, you can use the $.grep() method, which removes items from an array that does not pass a provided test.

const { JSDOM } = require("jsdom");

const { window } = new JSDOM();

var $ = require("jquery")(window);

let obj = [

{ name: 'Max', age: 23 },

{ name: 'John', age: 20 },

{ name: 'Caley', age: 18 }

];

let filtered = $.grep(obj, o => o.name !== 'John');

console.log(filtered);

Output: [ { name: 'Max', age: 23 }, { name: 'Caley', age: 18 } ]

Download Code

That’s all about removing an object from an array in JavaScript.

Remove an object from an array in JavaScript

1. Using Array.prototype.filter() function

2. Using Underscore/Lodash Library

3. Using jQuery

Share this:

1. Using `Array.prototype.filter()` function