Remove empty Objects from Array

Question

I have a JavaScript-array with objects filled in and want to remove every object with no data. It might look like this:

var myArray = [ {id: "28b", text:"Phill"},
                {id: "12c", text:"Peter"},
                {id: "43f", text:"Ashley"},
                {id: "43f", text:"Ashley"},
                {id: "", text:""},
                {id: "9a", text:"James"},
                {id: "", text:""},
                {id: "28b", text:"Phill"}
              ];

I already use _.uniq from underscore.js to remove all duplicates from my array, which works fine. Though they are unique, one empty Object is always left when I dynamically fill in data (because there are empty datasets). I already tried the _.without function as mentioned here: Remove empty elements from an array in Javascript but it doesn't work. Here is my attempt:

myArray = _.without(myArray, {id:"",text:""});

The array should look like this:

              [ {id: "28b", text:"Phill"},
                {id: "12c", text:"Peter"},
                {id: "43f", text:"Ashley"},
                {id: "9a", text:"James"},
              ];

I am also using jQuery if there is a solution with this library.

what means empty? please add some more data and what should be removed. — Nina Scholz
– Nina Scholz, Commented Jul 22, 2016 at 8:28
{id:"",text:""} isn't empty object. If you want to remove any of this occurence, filter it. And i guess, finally what you want is to remove any object that has no id specified — A. Wolff
– A. Wolff, Commented Jul 22, 2016 at 8:28

Oskar Szura · Accepted Answer · 2016-07-22 08:28:25Z

7

You can try this:

_.filter(myArray, _.isEmpty)

I assume empty means

var obj = {}

answered Jul 22, 2016 at 8:28

Oskar Szura

2,5795 gold badges34 silver badges43 bronze badges

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

6 Comments

Callum Linington Over a year ago

would it be safer to do !obj || _.isEmpty(obj)

Oskar Szura Over a year ago

I like more declarative approach - matter of taste I think

Callum Linington Over a year ago

I just meant, like that would only remove empty? would it also remove null or undefined?

Callum Linington Over a year ago

Apparently so

adelriosantiago Over a year ago

Isn't the OP looking for the inverse function? _.filter(myArray, _.isEmpty) will only leave empty objects, _.reject(myArray, _.isEmpty) will leave only non-empty objects.

|

Andy Lorenz · Accepted Answer · 2017-07-28 10:16:43Z

5

try (ECMA5+):

var myArrayFiltered = myArray.filter((ele) => {
  return ele.constructor === Object && Object.keys(ele).length > 0
});

answered Jul 28, 2017 at 10:16

Andy Lorenz

3,1041 gold badge32 silver badges30 bronze badges

Comments

Nina Scholz · Accepted Answer · 2016-07-22 22:13:13Z

2

No need for a library, just take Array#filter and an object. With dynamic filtering, for all properties.

var myArray = [{ id: "28b", text: "Phill" }, { id: "12c", text: "Peter" }, { id: "43f", text: "Ashley" }, { id: "43f", text: "Ashley" }, { id: "", text: "" }, { id: "9a", text: "James" }, { id: "", text: "" }, { id: "28b", text: "Phill" }],
    filtered = myArray.filter(function (a) {
        var temp = Object.keys(a).map(function (k) { return a[k]; }),
            k = temp.join('|');

        if (!this[k] && temp.join('')) {
            this[k] = true;
            return true;
        }
    }, Object.create(null));

console.log(filtered);

edited Jul 22, 2016 at 22:13

answered Jul 22, 2016 at 8:57

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

2 Comments

coding-jodl Over a year ago

Pure js is an even better solution than with underscore.js, thanks for that! Is there also a short filter function to remove all duplicates, so that I don't have to use underscore.js - functions at all?

coding-jodl Over a year ago

I really appreciate your help but the duplicates are still remaining

Vladu Ionut · Accepted Answer · 2016-07-22 08:35:25Z

1

// Code goes here

myArray = [{
    id: "28b",
    text: "Phill"
  }, {
    id: "12c",
    text: "Peter"
  }, {
    id: "43f",
    text: "Ashley"
  }, {
    id: "43f",
    text: "Ashley"
  }, {
    id: "",
    text: ""
  }, {
    id: "9a",
    text: "James"
  }, {
    id: "",
    text: ""
  }, {
    id: "28b",
    text: "Phill"
  }

]

var result = _.filter(_.uniq(myArray, function(item, key, a) {
  return item.id;
}), function(element) {
  return element.id && element.text
});
console.log(result)

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

answered Jul 22, 2016 at 8:35

Vladu Ionut

8,2231 gold badge23 silver badges30 bronze badges

Collectives™ on Stack Overflow

Remove empty Objects from Array

4 Answers 4

6 Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related