Based on your comments to another answer, it looks like you're after the shortest method. Well, you might want to consider a variation of your own example:
var empties = arr.length - arr.filter(String).length;
All you're doing is passing a native function rather than an anonymous function, saving a few precious bytes. Any native constructor or function will do, as long as it doesn't return a boolean.
You need to be more specific about what you would consider the 'best way'. For instance, some methods will give better performance than others, some are more concise and some have better compatibility.
The solutions you mention in the post require browsers to be compatible with the ECMAScript 5th Edition specification, so they won't work in some older browsers (read: IE8 and lower).
The "best" all-round approach is a simple loop. It's not as concise as your methods, but it will no doubt be the fastest and most compatible:
var arr = [1,,2,5,6,,4,5,6,,], count = 0, i = arr.length;
while (i--) {
if (typeof arr[i] === "undefined")
count++;
}
This makes use of loop optimisations (using while
and decrementing is faster than for
).
Another approach would be to sort the array so that undefined
items are all at the end and use a loop to iterate backwards:
var arr = [1,,2,5,6,,4,5,6,,], count = 0;
arr.sort();
while (typeof arr.pop() === "undefined") count++;
alert(count);
//-> 3
This approach would modify the original array and remove those items which may not be what you want. However, it may be much faster on very large arrays.
Performance test suite
http://jsperf.com/count-undefined-array-elements