JavaScript fill array with 0 use fill() method. This method will fill the specified or all elements in an array with a static value. This method overwrites (Change) the original array.
JavaScript fill array with 0 Examples
Let’s see the HTML example code with different ways:
Fill (change) the existing elements of Array
It will fill with zero weather an array have string or integer (number) elements:-
Same way you can Fill all the array elements with a another static value:
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <body> <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.fill(0); console.log(fruits); </script> </body> </html> |
Output:

Initialise JavaScript array with zeros
A 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’).
Let’s create array with length of 5 and filled with zeros.
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <body> <script type="text/javascript"> var arr = new Array(5).fill(0) console.log(arr); </script> </body> </html> |
Output:

Q: What is the most efficient way to create a zero-filled JavaScript array?
Answer: ES6 introduces Array.prototype.fill
. It can be used like this. Not sure if it’s fast, but I like it because it’s short and self-describing.
1 |
new Array(len).fill(0); |
Do comment if you have any doubts and suggestions on this topic.
Note: All JS Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version