JavaScript — Create and Fill an Array Containing N Items

In JavaScript, an array is a dictionary of indexes to values. Typically, you’ll only see the array items in the format like [1, 2, 3]. The sequential order of the sample array has a fixed length of 3. In some situations, you want to dynamically create an array of a given length.

JavaScript comes with an array constructor that you can use to create a new array of a given length. You can also fill the array with a mapping function. This tutorial shows you how to instantiate and fill an array of a given length.

Node.js Series Overview

  1. String Replace All Appearances
  2. Remove All Whitespace From a String in JavaScript
  3. Generate a Random ID or String in Node.js or JavaScript
  4. Remove Extra Spaces From a String in JavaScript or Node.js
  5. Remove Numbers From a String in JavaScript or Node.js
  6. Get the Part Before a Character in a String in JavaScript or Node.js
  7. Get the Part After a Character in a String in JavaScript or Node.js
  8. How to Check if a Value is a String in JavaScript or Node.js
  9. Check If a String Includes All Strings in JavaScript/Node.js/TypeScript
  10. Check if a Value is a String in JavaScript and Node.js
  11. Limit and Truncate a String to a Given Length in JavaScript and Node.js
  12. Split a String into a List of Characters in JavaScript and Node.js
  13. How to Generage a UUID in Node.js
  14. Reverse a String in JavaScript or Node.js
  15. Split a String into a List of Lines in JavaScript or Node.js
  16. Split a String into a List of Words in JavaScript or Node.js
  17. Detect if a String is in camelCase Format in Javascript or Node.js
  18. Check If a String Is in Lowercase in JavaScript or Node.js
  19. Check If a String is in Uppercase in JavaScript or Node.js
  20. Get the Part After First Occurrence in a String in JavaScript or Node.js
  21. Get the Part Before First Occurrence in a String in JavaScript or Node.js
  22. Get the Part Before Last Occurrence in a String in JavaScript or Node.js
  23. Get the Part After Last Occurrence in a String in JavaScript or Node.js
  24. How to Count Words in a File
  25. How to Shuffle the Characters of a String in JavaScript or Node.js
  26. Append Characters or Words to a String in JavaScript or Node.js
  27. Check if a String is Empty in JavaScript or Node.js
  28. Ensure a String Ends with a Given Character in JavaScript or Node.js
  29. Left-Trim Characters Off a String in JavaScript or Node.js
  30. Right-Trim Characters Off a String in JavaScript or Node.js
  31. Lowercase the First Character of a String in JavaScript or Node.js
  32. Uppercase the First Character of a String in JavaScript or Node.js
  33. Prepend Characters or Words to a String in JavaScript or Node.js
  34. Check if a String is a Number
  35. Convert a String to Buffer
  36. Prevent Line Breaks in String Template Literals
  37. How to Implement a Custom `toString` Method
  38. What Is `Symbol.toStringTag` and How to Use It
  39. How to Check if a Value is a ULID

Create and Fill an Array of Any Length in JavaScript

You can create an array in JavaScript using the static Array.from() method. This static method creates a new array from iterable or array-like objects which will be converted to an array. Iterable objects are a Map, a Set, or another array. Array-like objects contain a length property.

You can create an array filled with undefined using Array.from in combination with an object that contains a length property:

const arrayWith10Items = Array.from({ length: 3 })  
// [undefined, undefined, undefined]

Arrays are dictionaries that map an index to a value. You may use the Array#keys method to retrieve a sequential list of numbers representing the indexes used in the array:

const arrayWith10Items = [...Array.from({ length: 10 }).keys()]  
// [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

You might want the items to start at 1 and increment by one for each descendent. In such cases, you can use the Array.from() method with an array-like object providing a length option and a map function. The map function receives each array item and its index.

Here’s an example using the item’s index and adding one because the first array index begins at zero:

const arrayWith10Items = Array.from({ length: 10 }, (item, index) => index + 1)  
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Enjoy creating and filling JavaScript arrays of a given length!


Mentioned Resources

Explore the Library

Find interesting tutorials and solutions for your problems.