How to remove object from array if property in object do not exist

Question

I have the following collection of data

[{
 id: '1',
 date: '2017-01-01',
 value: 2
 },
 {
 id: '2',
 date: '2017-01-02',
 value: 3
 },
 {
 id: '3',
 value: 3
 },
 id: '4',
 date: '2017-01-02',
 value: 3
 }]

I want to delete any object that does not have the 'date' property. In the example above, the object with the id 3 should be deleted.

The finished object should look like this

[{
 id: '1',
 date: '2017-01-01',
 value: 2
 },
 {
 id: '2',
 date: '2017-01-02',
 value: 3
 },
 id: '4',
 date: '2017-01-02',
 value: 3
 }]

I tried to find and delete a undefined value with lodash. It does not work. The object looks exactly as it is entering.

  _.each(obj, (val) => {
    _.remove(val, value => value['XXX-BUDAT'] === undefined);
   });

How can I use lodash for this purpose?

Thanks in advance

Marie · Accepted Answer · 2018-07-16 18:12:02Z

5

You can use .filter(), Object.keys(), and .includes()

let input = [
   { id: '1', date: '2017-01-01', value: 2},
   { id: '2', date: '2017-01-02', value: 3},
   { id: '3', value: 3 },
   { id: '4', date: '2017-01-02', value: 3 }
]
 
 let output = input.filter(obj => Object.keys(obj).includes("date"));
 
 console.log(output);

edited Jul 16, 2018 at 18:12

Marie

2,2371 gold badge18 silver badges32 bronze badges

answered Jul 16, 2018 at 17:56

mickl

50.1k9 gold badges71 silver badges99 bronze badges

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

3 Comments

Ckappo Over a year ago

ah ok. Instead of removing you create and object with keys that includes date. Nice thank you mickl

lealceldeiro Over a year ago

@Ckappo If this was useful to you, please upvote this question for future readers and consider accepting it if you think it is the best one for your question.

Marie Over a year ago

@mickl It might make more sense to use Object.hasOwnProperty, wouldnt it? That way you dont have to generate + iterate the object key collection.

lealceldeiro · Accepted Answer · 2018-07-16 18:07:13Z

4

You can filter the array based on that property like this:

const initial = [{
    id: '1',
    date: '2017-01-01',
    value: 2
  },
  {
    id: '2',
    date: '2017-01-02',
    value: 3
  },
  {
    id: '3',
    value: 3
  }, { // this left curly brace was missing!, check that out
    id: '4',
    date: '2017-01-02',
    value: 3
  }
];

const finalR = initial.filter((obj) => obj.hasOwnProperty('date') && !!obj.date);

console.log(finalR);

edited Jul 16, 2018 at 18:07

answered Jul 16, 2018 at 17:56

lealceldeiro

15.1k7 gold badges54 silver badges85 bronze badges

2 Comments

ibrahim mahrir Over a year ago

Note that this may cause problems as it looks up the prototype chain too.

lealceldeiro Over a year ago

I don't know why my previous comment was deleted.... anyway. The answer is updated after the comment of ibrahim mahrir

ibrahim mahrir · Accepted Answer · 2018-07-16 18:05:15Z

3

You can use Array#filter and Object#hasOwnProperty to do so:

var newArray = oldArray.filter(function(obj) {
    return obj.hasOwnProperty("date");
});

Which can be shortened out using an arrow function:

var newArray = oldArray.filter(obj => obj.hasOwnProperty("date"));

Lodash solution:

var newArray = _.filter(oldArray, obj => _.has(obj, "date"));

Example:

var oldArray = [{id: '1', date: '2017-01-01', value: 2 }, { id: '2', date: '2017-01-02', value: 3 }, { id: '3', value: 3 }, {id: '4', date: '2017-01-02', value: 3}];

var newArray = oldArray.filter(obj => obj.hasOwnProperty("date"));

console.log(newArray);

edited Jul 16, 2018 at 18:05

answered Jul 16, 2018 at 17:58

ibrahim mahrir

31.8k5 gold badges50 silver badges78 bronze badges

Comments

Leonid Pyrlia · Accepted Answer · 2018-07-16 19:13:14Z

1

You can use Array.prototype.filter. In addition, you can use ES6 object assignment destructiring to make it concise:

var data=[{id:'1',date:'2017-01-01',value:2},{id:'2',date:'2017-01-02',value:3},{id:'3',value:3},{id:'4',date:'2017-01-02',value:3}];

var result = data.filter(({date}) => date);

console.log(result)

answered Jul 16, 2018 at 19:13

Leonid Pyrlia

1,7322 gold badges12 silver badges16 bronze badges

Comments

A l w a y s S u n n y · Accepted Answer · 2018-07-16 18:09:22Z

0

First of all your array of object is not valid, fix it by wrapping the last object element with preceding curly brace {. See Array.prototype.filter() and Object.prototype.hasOwnProperty() that'll check your current object item has the date key or not? if it has then it'll return that object other wise that item will not return.

var array_of_object = [{
    id: '1',
    date: '2017-01-01',
    value: 2
  },
  {
    id: '2',
    date: '2017-01-02',
    value: 3
  },
  {
    id: '3',
    value: 3
  },
  { //missing brace here
    id: '4',
    date: '2017-01-02',
    value: 3
  }
];


function filterByValue(item) {
  return item.hasOwnProperty('date');
}
var arrByID = array_of_object.filter(filterByValue);
console.log(arrByID);

edited Jul 16, 2018 at 18:09

answered Jul 16, 2018 at 18:00

A l w a y s S u n n y

38.8k9 gold badges68 silver badges120 bronze badges

Comments

Wais Kamal · Accepted Answer · 2018-07-16 18:30:31Z

0

This is a native javascript solution:

var arr = [
  {id: '1', date: '2017-01-01', value: 2},
  {id: '2', date: '2017-01-02', value: 3},
  {id: '3', value: 3},
  {id: '4', date: '2017-01-02', value: 3}
]

for(var i = 0; i < arr.length; i++) {
  if(!arr[i].hasOwnProperty("date")) {
    arr.splice(i,1);
  }
}

console.log(arr);

edited Jul 16, 2018 at 18:30

answered Jul 16, 2018 at 18:05

Wais Kamal

6,2503 gold badges21 silver badges47 bronze badges

1 Comment

lealceldeiro Over a year ago

Note that this may cause problems as it looks up the prototype chain too. See this comment; I omitted this as well in my first attempt to answer the question :) A solution could be to use the hasOwnProperty func.

Collectives™ on Stack Overflow

How to remove object from array if property in object do not exist

6 Answers 6

3 Comments

2 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

2 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related