What is the most efficient way to create a zero filled JavaScript array of arbitrary length ?
8 Answers
By default Uint8Array, Uint16Array and Uint32Array classes keep zeros as it's values, so you don't need any complex filling techniques, just:
var ary = new Uint8Array(10);
all elements of array ary will be zeros by default.
1 Comment
New ES6 array extensions allow you to do this natively with fill method. Now IE edge, Chrome and FF supports it, but check the compatibility table
new Array(3).fill(0) will give you [0, 0, 0]. You can fill the array with any value like new Array(5).fill('abc') (even objects and other arrays).
On top of that you can modify previous arrays with fill:
arr = [1, 2, 3, 4, 5, 6]
arr.fill(9, 3, 5) # what to fill, start, end
which gives you: [1, 2, 3, 9, 9, 6]
1 Comment
How about trying like this:
Array.apply(null, new Array(10)).map(Number.prototype.valueOf,0);
//Output as [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
or
new Array(10+1).join('0').split('').map(parseFloat)
//Output as [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
EDIT:-
If your array is dynamic then simply put that in a function which takes a number and replace 10 by that variable.
7 Comments
push in there?If you want a 9-length array:
Array.apply(null, {length: 9}).map(function() {return 0;})
If you want a X-length array:
Array.apply(null, {length: X}).map(function() {return 0;})
If you have an array and want to rewrite its values:
var arr=[54,53,6,7,88,76]
arr=arr.map(function() {return 0;})
You can fill the array with anything you want, just by changing the value at return inside the function inside .map:
Array.apply(null, {length: 9}).map(function() {return "a string";})
Array.apply(null, {length: 9}).map(function() {return Math.random();})
Array.apply(null, {length: 9}).map(function() {return NaN;})
Array.apply(null, {length: 9}).map(function() {return null;})
Array.apply(null, {length: 9}).map(function() {return true;})
Array.apply(null, {length: 9}).map(function() {return;})
The last one will fill the array with undefined
Comments
I tested both the Unit8Array
[].slice.apply(new Uint8Array(n));
and the join/split method
new Array(n + 1).join('0').split('').map(parseFloat);
in jsPerf with interesting results. Chrome and Firefox were fairly slow on both counts (between 48,000 and 76,000 operations). But Opera and Safari both did amazingly well with the Uint8Array function (up to 438,000 operations). I think I'll start using Uint8Array and hope Chrome and Firefox improve.
undefinedwhich can easily be declared asnew Array(x)wherexis integer between 0 and 2^32 - 1.