how to remove null values from an array using jquery

Question

Possible Duplicate:
Remove empty elements from an array in Javascript

I want to remove null or empty elements from an array using jquery

var clientName= new Array();
clientName[0] = "jack";
clientName[1] = "";
clientName[2] = "john";
clientName[2] = "peter";

Please give some suggestions.

Answer 1

Use the jquery grep function, it'll identify array elements that pass criteria you define

arr = jQuery.grep(arr, function(n, i){
  return (n !== "" && n != null);
});

Answer 2

There is no need in jQuery, use plain JavaScript (it is faster!):

var newArray = [];
for (var i = 0; i < clientname.length; i++) {
    if (clientname[i] !== "" && clientname[i] !== null) {
        newArray.push(clientname[i]);
    }
}
console.log(newArray);

Another simple solution for modern browsers (using Array filter() method):

clientname.filter(function(value) {
    return value !== "" && value !== null;
});

Answer 3

Was thinking that since jQuery's .map() function relies on returning something not null / undefined, you can get away with just something like this:

var new_array = $.map(old_array, function (el) {
    return el !== '' ? el : null;
});

You still have to check for the empty string, but you really don't have to check for the null and undefined anymore, so that's one less complication in your logic.

Answer 4

1. Create a new empty array.
2. Go into a foreach loop and add items to new array if value is not equal to ''.

Answer 5

Try this :

$.each(clientname, function(key, value) { 
  if (value === 'undefined' || value === '')
     clientname.splice(key,1);
});

Answer 6

Use the following code:

var newarr=[];
for(var i=0; i<len(clientname);i++){

   if(clientname[i] !== "" && clientname[i] !== null){
    newarr.push(clientname[i]);
   }
}