Create an array with all numbers from min to max without a loop

Question

I have two numbers, min and max, and I want to create an array that contains all number between them (including min and max).

The most obvious approach is to use a for loop for this, and push the single values onto an array. Nevertheless, this seems to be a quite naive approach, i.e. it's imperative programming.

Now I was thinking of how to create such an array in a more functional style. Basically, something such as the reverse of a reduce function: Instead of reducing an array to a number, building up an array from two numbers.

How could I do this? What is a functional approach to solve this problem?

Basically, I'm thinking of something such as 10..20 in some other languages. What's the most elegant equivalent for this in JavaScript?

Both ;-). It should be functional (from a technical point of view), but well readable as well. — Golo Roden
– Golo Roden, Commented Mar 18, 2014 at 12:00

Community · Accepted Answer · 2017-05-23 11:48:35Z

13

Inspired by this

var min = 3, max = 10;
var x = Array.apply(null, {length: max + 1}).map(Number.call, Number).slice(min);
console.log(x);
// [ 3, 4, 5, 6, 7, 8, 9, 10 ]

The optimum version

var min = 3, max = 10;
var x = Array.apply(null, {length: max + 1 - min}).map(function(_, idx) {
    return idx + min;
});
console.log(x);
// [ 3, 4, 5, 6, 7, 8, 9, 10 ]

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Mar 18, 2014 at 10:23

thefourtheye

241k53 gold badges466 silver badges505 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Golo Roden Over a year ago

This works. It's only drawback IMHO is that you first create an array with all number from 1 to max (which is not so very nice if you need only ten numbers which start at 1 billion ;-)). But apart from that: Nice solution :-)

Virus721 Over a year ago

It seems overly complicated. A for loop does the job as well, minus the useless complexity.

Bergi Over a year ago

You should use slice instead of splice

thefourtheye Over a year ago

@Bergi Got it. Updated. :)

thefourtheye Over a year ago

@GoloRoden Did you check the optimum version, that creates an array of required size only. So, it doesn't waste memory.

|

juminet · Accepted Answer · 2021-02-12 13:32:28Z

9

A one line way. Inspired by How to create an array containing 1...N.

Array.from({length: max-min+1}, (_, i) => i + min);

Initiate an array from a computed length based on max and min. Then map each index value by a function which is "index + min". The reference is here.

Example:

const min = 12;
const max = 20;
const arr = Array.from({length: max-min+1}, (_, i) => i + min);

answered Feb 12, 2021 at 13:32

juminet

4971 gold badge5 silver badges12 bronze badges

Comments

Random Dev · Accepted Answer · 2014-03-18 12:22:17Z

4

You can think of a "functional" definition of range:

range(low, hi) = [], if low > hi
range(low, hi) = [low] (+) range(low+1,hi), otherwise,

which leads to the JS definition:

function range(low,hi){
  function rangeRec(low, hi, vals) {
     if(low > hi) return vals;
     vals.push(low);
     return rangeRec(low+1,hi,vals);
  }
  return rangeRec(low,hi,[]);
}

edited Mar 18, 2014 at 12:22

Random Dev

52.4k9 gold badges95 silver badges120 bronze badges

answered Mar 18, 2014 at 11:34

Mau

14.5k2 gold badges33 silver badges53 bronze badges

2 Comments

thefourtheye Over a year ago

I think, you can remove one more line and do return rangeRec(low+1,hi, vals.concat(low));

Bergi Over a year ago

@thefourtheye: Yes, that would be much more functional (and you should move rangeRec outside of range then), but creating a new array on each iteration slows it down dramatically (O(n²) runtime)

user568109 · Accepted Answer · 2014-03-18 14:21:22Z

1

If you have harmony generators you can use this:

function* range(lorange,hirange){
  var n = lorange;
  while (n <= hirange){
    yield n++;
  }
}

rval= range(3,6);

Now you can :

Use the for-of comprehension for iterators as substitute of array
```
for (i of rval)
console.log(i);

3
4
5
6
```
Or you can use it to create an array like you want
```
rarray = [];
for (i of rval)
rarray.push(i);
```

edited Mar 18, 2014 at 14:21

answered Mar 18, 2014 at 10:40

user568109

48.1k18 gold badges101 silver badges124 bronze badges

2 Comments

Golo Roden Over a year ago

The idea is great :-)). Unfortunately, I need such an ranged array to explain what generators are about ;-).

user568109 Over a year ago

@GoloRoden This is a good substitute for the 10..20 range interpolation. It is like the xrange in python 2.7 which returns elements only when needed.

aazev · Accepted Answer · 2021-11-09 16:45:17Z

1

Might be late to the party, but, based on this (es6)

const rangexy = (start, end) => Array.from({length: (end+1 - start)}, (v, k) => k + start);

answered Nov 9, 2021 at 16:45

aazev

865 bronze badges

1 Comment

aazev Over a year ago

And then, just after posting I realized @juminet posted a very similar one. Hehe

TiiGRUS · Accepted Answer · 2022-12-07 14:51:12Z

0

Here is good exmaples.

const range = (min, max) => [...Array(max - min + 1).keys()].map((i) => i + min);

answered Dec 7, 2022 at 14:51

TiiGRUS

911 silver badge4 bronze badges

Collectives™ on Stack Overflow

Create an array with all numbers from min to max without a loop

6 Answers 6

7 Comments

Comments

2 Comments

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

7 Comments

Comments

2 Comments

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related