Replace/remove empty entries in Array

Question

I have this Array: [home, info, mail,,,, something, stuff, other]

But I want to remove or replace the ,, with ,

I tried: allIDs.replace(",,", ","); But it doesn't seem to work with Arrays

The reason there are empty entries is this:

$(document).find('DIV').each(function(){
    allIDs.push(this.id); })

I'm indexing all DIV's ID names, to check if there are duplicates and then rename the currently generated DIV ID..

Alternatively I'd like to find() only the DIV's that have an ID defined..

nhahtdh · Answer 1 · 2012-06-09T14:39:20.353

2

Try $('div[id]') instead. It will select all div elements with id attribute defined.

edited Jun 09 '12 at 14:39

answered Jun 09 '12 at 14:27

nhahtdh

55,989
15
126
162

score 2 · Answer 2 · edited Nov 04 '12 at 07:41

2

This works really well:

theArray = theArray.filter(function(e) { return e; });

edited Nov 04 '12 at 07:41

uınbɐɥs

7,236
5
26
42

answered Nov 04 '12 at 07:21

Flex Elektro Deimling

1,599
1
17
16

score 1 · Accepted Answer · 2012-06-09T14:31:54.430

1

Change your id gathering to this...

var allIDs = $(document).find('DIV')
                        .map(function(){ return this.id || undefined })
                        .toArray();

If there's no ID on the DIV, undefined will be returned, and nothing will be added to the resulting Array.

edited Jun 09 '12 at 14:31

answered Jun 09 '12 at 14:26

score 0 · Answer 4 · edited May 23 '17 at 10:34

0

What you want is to remove the empty values from the Array, not replace the ,, with , i suppose.

Try here

edited May 23 '17 at 10:34

Community

1
1

answered Jun 09 '12 at 14:22

costa

1,077
1
9
21

score 0 · Answer 5 · answered Jun 09 '12 at 14:31

Try to get only divs with IDs defined:

$(document).find('div[id]').each(function(){
    allIDs.push(this.id); });
});

But if you want to clean the array:

allIDs = clean_up(allIDs);

function clean_up(a){
    var b = []
    for(i in a) if(a[i] && a[i].length) a.push(a[i]);
    return a;
}

Edditoria · Answer 6 · 2012-06-09T16:22:39.187

In javascript, you can't just remove ',,,' in an array to solve the problem.

Do you mean the array ['home', 'info', '', '', '', '', 'mail', 'something', 'stuff', 'other']?

Suppose there is some empty string, and you want to remove them.

You can use a simple javascript function:

allIDs = ["home", "info", "", "", "", "", "mail", "something", "stuff", "other"];

remove_empty_str = function(arr) {
  new_array = [];
  for (ii = 0, len = arr.length; ii < len; ii++) {
    item = arr[ii];
    if (item !== "" || item !== null || item !== (void 0)) {
      new_array.push(item);
    }
  }
  return new_array;
};

newIDs = remove_empty_str(allIDs);

alert(newIDs);

I would think it's better practice to process the array before do any jQuery output.

You can also re-use remove_empty_str() in other apps too.

Replace/remove empty entries in Array

6 Answers6