Remove object from array with a nested property in lodash

Question

I have this array:

var myArray = [{state: {name: 'object #1'}},
               {state: {name: 'object #2'}},
               {state: {name: 'object #3'}}];

I'm trying to remove with lodash the object where state.name is 'object #1'. Currently I'm doing it like this:

_.remove(myArray, {
        name: 'object #1'
    });

But it's not working. Initially I tried it like this, which for me is the more obvious way of doing it:

_.remove(myArray, {
        state.name: 'object #1'
    });

But it didn't worked either and my JS validator complained about the dot notation in there.

How do you do this in lodash?

I've provided you an answer containing pure js solution. Even two solutions. — kind user
– kind user, Commented Mar 13, 2017 at 22:44
@arielcr Is requirement to remove an element from an existing array as described at original Question "Remove object from array with a nested property", or create a new array where specific elements are not included at new array? — guest271314
– guest271314, Commented Mar 13, 2017 at 22:54
@guest271314 the idea is to remove an element from the array — arielcr
– arielcr, Commented Mar 14, 2017 at 13:34
@arielcr You can use Array.prototype.splice() to remove element from an array. — guest271314
– guest271314, Commented Mar 14, 2017 at 20:05

Mariy · Accepted Answer · 2017-03-13 22:37:43Z

4

_.remove takes a predicate function. You can do it this way:

_.remove(myArray, function(arg) {
    return arg.name == 'object #1';
});

edited Mar 13, 2017 at 22:37

answered Mar 13, 2017 at 22:28

Mariy

5,9644 gold badges44 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ibrahim mahrir Over a year ago

The predicate function must return something! In your case the returned value for all the items will be undefined which means the array will be empty afterwards as all its items have been removed!

Mariy Over a year ago

Thanks @ibrahimmahrir!

kind user · Accepted Answer · 2017-03-13 22:34:34Z

3

In pure js, using Array#filter.

var myArray = [{state: {name: 'object #1'}},
               {state: {name: 'object #2'}},
               {state: {name: 'object #3'}}];

    myArray = myArray.filter(v => v.state.name != 'object #1');
    console.log(myArray);

or using Array#forEach.

var myArray = [{state: {name: 'object #1'}},
               {state: {name: 'object #2'}},
               {state: {name: 'object #3'}}],
    newArr = [];
    myArray.forEach(v => v.state.name !== 'object #1' ? newArr.push(v) : null);
    console.log(newArr);

answered Mar 13, 2017 at 22:34

kind user

42k8 gold badges69 silver badges78 bronze badges

7 Comments

guest271314 Over a year ago

Do approaches at javascript at Answer remove element from existing array, or create new array where an element of existing array is not included?

kind user Over a year ago

@guest271314 Yeah, was thinking about it, but I'm not sure that it's a good idea to modify the original obj :C

guest271314 Over a year ago

That is requirement at text of OP "Remove object from array with a nested property"?

kind user Over a year ago

@guest271314 Well, it's not precised exactly. You can remove an object from array without mutating it or with.

guest271314 Over a year ago

The text of original Question is precise from perspective here; remove specific y from x is different from create new x without specific y.

|

ryeballar · Accepted Answer · 2017-03-14 01:17:04Z

2

You can use lodash reject with a matchesProperty shorthand.

var result = _.reject(myArray, ['state.name', 'object #1']);

var myArray = [{
    state: {
      name: 'object #1'
    }
  },
  {
    state: {
      name: 'object #2'
    }
  },
  {
    state: {
      name: 'object #3'
    }
  }
];

var result = _.reject(myArray, ['state.name', 'object #1']);

console.log(result);

body > div { min-height: 100%; top: 0; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>

edited Mar 14, 2017 at 1:17

answered Mar 13, 2017 at 22:50

ryeballar

30.1k10 gold badges67 silver badges76 bronze badges

2 Comments

ryeballar Over a year ago

@AdamBoduch unfortunately remove mutates the array, while reject doesn't.

Adam Boduch Over a year ago

Completely agree with you. I'd use reject() myself for immutability. Thought I'd mention it since remove() was the function in question.

ibrahim mahrir · Accepted Answer · 2017-03-13 22:35:40Z

1

You can use the callback of _.remove like this:

_.remove(myArray, function(o) {
    return o.name === 'object #1';
});

or shortly using arrow functions like this:

_.remove(myArray, o => o.name === 'object #1');

edited Mar 13, 2017 at 22:35

answered Mar 13, 2017 at 22:30

ibrahim mahrir

31.8k5 gold badges50 silver badges78 bronze badges

Comments

Neutrosider · Accepted Answer · 2017-03-13 22:41:02Z

1

Why use lodash, when you can do it in plan JS?

myArray = myArray.filter(function(element) {
  return element.state.name !== 'object #1';
})

answered Mar 13, 2017 at 22:41

Neutrosider

5725 silver badges12 bronze badges

Comments

guest271314 · Accepted Answer · 2017-03-13 22:43:06Z

1

If requirement is to remove an element from an existing array, you can use Array.prototype.splice(), Array.prototype.findIndex()

var myArray = [{state: {name: 'object #1'}},
               {state: {name: 'object #2'}},
               {state: {name: 'object #3'}}];

myArray.splice(myArray.findIndex(({state:{name}}) => name === "object #1"), 1);

console.log(myArray);

answered Mar 13, 2017 at 22:43

guest271314

1

Collectives™ on Stack Overflow

Remove object from array with a nested property in lodash

6 Answers 6

2 Comments

7 Comments

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

7 Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related