Remove objects with empty values from array / Javascript

Question

I have an array of objects:

let arr = [{id:0, value: 'zero'}, 
           {id:1, value: 'one'}, 
           {id:2, value: ''}]

I need to remove object with empty value. What I am trying:

const removeEmpty = (arr) => {
let filtered = arr.filter(val => val.value != '');
return filtered;

};

Stuck with this:

TypeError: Cannot read property 'filter' of undefined

Edit: corrected syntax

Your naming is bad practice - your parameter `arr` shadows the `arr` in the closure. You should rename the parameter, and decide whether you want to use the variable from the closure or the parameter (likely the latter, or you wouldn't need a parameter at all). — ASDFGerte, Jul 18 '18 at 11:10

score 2 · Accepted Answer · answered Jul 18 '18 at 11:12

IMHO, you are looking for something like this:

var arr = [{id:0, value: 'zero'}, {id:1, value: 'one'}, {id:2, value: ''}];

var filteredArr = arr.filter(obj => obj.value != '')
console.log(filteredArr);

NOTE: Your's is not a proper array (because Objects inside it are invalid).

score 0 · Answer 2 · answered Jul 18 '18 at 11:10

You missed a comma on the value of id and a quote for the value of the value property

let arr = [{id:0, value: "zero"}, 
           {id:1, value: "one"}, 
           {id:2, value: ''}];
           
           
console.log(arr.filter(a => a.value != ''));

score 0 · Answer 3 · answered Jul 18 '18 at 11:12

Seems your arr is not correct i.e object key value pair is not valid

let arr = [{id:0, value: 'zero'}, {id:1, value: 'one'},  {id:2, value: ''}];

const removeEmpty = (arr) => {
  let filtered = arr.filter(val => val.value !== ''); 
  return filtered;
}

removeEmpty(arr)

score 0 · Answer 4 · answered Jul 18 '18 at 11:44

0

This questions is already answered in below link, Please have a look

Click here!

answered Jul 18 '18 at 11:44

Ninja

338
4
12

score 0 · Answer 5 · answered Jul 18 '18 at 12:09

Following code will be helpful in more cases, for instance if object value is: false, null, empty string or undefined.

let arr = [
  {id:0, value: 'zero'}, 
  {id:1, value: 'one'}, 
  {id:2, value: ''},
  {id:3, value: false},
  {id:4, value: null},
  {id:5}
];

const filteredArr = arr.filter(obj => obj.value);  

console.log(filteredArr);

Remove objects with empty values from array / Javascript

5 Answers5