How can I generate an array with values 1 to N?

Other Questions JavaScript
, ,
1

I am seeking alternatives to the following method for generating a JavaScript array containing numbers from 1 to N, where N is determined at runtime.

var foo = []; for (var i = 1; i <= N; i++) { foo.push(i); }

It seems to me there should be a simpler approach without using a loop.

3 Likes
2

"Hey! Looking to create a JavaScript array from 1 to N without a loop? Here’s an alternative way that you might find neat and concise:

let N = 10; // Replace 10 with any number you wish
let array = Array.from({ length: N }, (_, i) => i + 1);
console.log(array); // Outputs: [1, 2, 3, ..., N]

The Array.from() method is pretty awesome—it creates an array from an array-like or iterable object. In the example above, { length: N } defines the size of the array, and (_, i) => i + 1 acts as a map function to fill it with numbers from 1 to N. :tada:

Feel free to give it a try and let me know how it goes!"

5 Likes
3

To generate an array of numbers from 1 to N in JavaScript without using a traditional loop, you can take advantage of modern JavaScript features. Here’s a sleek and efficient alternative method:

let N = 10; // Change this to however many numbers you want
let numbers = [...Array(N).keys()].map(n => n + 1);
console.log(numbers); // Outputs: [1, 2, 3, ..., N]

How It Works:

  • Array(N).keys(): This creates an array with N slots, each containing its index (0 to N-1).
  • Spread Operator [...arr]: Turns the array-like object returned by keys() into a real array.
  • map(n => n + 1): Adjusts each element, shifting the range from 0 to N-1 into 1 to N.

This approach is succinct and takes full advantage of JavaScript’s functional programming capabilities.

3 Likes