In PHP, puoi fare ...

range(1, 3); // Array(1, 2, 3)
range("A", "C"); // Array("A", "B", "C")

Cioè, c'è una funzione che ti consente di ottenere un intervallo di numeri o caratteri passando i limiti superiore e inferiore.

C'è qualcosa di nativo in JavaScript nativamente per questo? In caso contrario, come lo implementerei?

Numeri

[...Array(5).keys()];
 => [0, 1, 2, 3, 4]

Iterazione del personaggio

String.fromCharCode(...[...Array('D'.charCodeAt(0) - 'A'.charCodeAt(0) + 1).keys()].map(i => i + 'A'.charCodeAt(0)));
 => "ABCD"

Iterazione

for (const x of Array(5).keys()) {
  console.log(x, String.fromCharCode('A'.charCodeAt(0) + x));
}
 => 0,"A" 1,"B" 2,"C" 3,"D" 4,"E"

Come funzioni

function range(size, startAt = 0) {
    return [...Array(size).keys()].map(i => i + startAt);
}

function characterRange(startChar, endChar) {
    return String.fromCharCode(...range(endChar.charCodeAt(0) -
            startChar.charCodeAt(0), startChar.charCodeAt(0)))
}

Come funzioni digitate

function range(size:number, startAt:number = 0):ReadonlyArray<number> {
    return [...Array(size).keys()].map(i => i + startAt);
}

function characterRange(startChar:string, endChar:string):ReadonlyArray<string> {
    return String.fromCharCode(...range(endChar.charCodeAt(0) -
            startChar.charCodeAt(0), startChar.charCodeAt(0)))
}

_.range()funzione lodash.js

_.range(10);
 => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
_.range(1, 11);
 => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
_.range(0, 30, 5);
 => [0, 5, 10, 15, 20, 25]
_.range(0, -10, -1);
 => [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
String.fromCharCode(..._.range('A'.charCodeAt(0), 'D'.charCodeAt(0) + 1));
 => "ABCD"

Vecchi browser non es6 senza libreria:

Array.apply(null, Array(5)).map(function (_, i) {return i;});
 => [0, 1, 2, 3, 4]

console.log([...Array(5).keys()]);

(Credito ES6 a nils petersohn e altri commentatori)

Per i numeri puoi usare ES6 Array.from(), che funziona in tutto in questi giorni tranne IE:

Versione più corta:

Array.from({length: 20}, (x,i) => i);

Versione più lunga:

Array.from(new Array(20), (x,i) => i)

che crea un array compreso tra 0 e 19 inclusi. Questo può essere ulteriormente abbreviato in una di queste forme:

Array.from(Array(20).keys())
// or
[...Array(20).keys()]

È possibile specificare anche i limiti inferiore e superiore, ad esempio:

Array.from(new Array(20), (x,i) => i + *lowerBound*)

Un articolo che lo descrive in modo più dettagliato: http://www.2ality.com/2014/05/es6-array-methods.html

La mia nuova forma preferita ( ES2015 )

Array(10).fill(1).map((x, y) => x + y)

E se hai bisogno di una funzione con un stepparametro:

const range = (start, stop, step = 1) =>
  Array(Math.ceil((stop - start) / step)).fill(start).map((x, y) => x + y * step)

Ecco i miei 2 centesimi:

function range(start, count) {
  return Array.apply(0, Array(count))
    .map((element, index) => index + start);
}

Funziona con caratteri e numeri, andando avanti o indietro con un passaggio opzionale.

var range = function(start, end, step) {
    var range = [];
    var typeofStart = typeof start;
    var typeofEnd = typeof end;

    if (step === 0) {
        throw TypeError("Step cannot be zero.");
    }

    if (typeofStart == "undefined" || typeofEnd == "undefined") {
        throw TypeError("Must pass start and end arguments.");
    } else if (typeofStart != typeofEnd) {
        throw TypeError("Start and end arguments must be of same type.");
    }

    typeof step == "undefined" && (step = 1);

    if (end < start) {
        step = -step;
    }

    if (typeofStart == "number") {

        while (step > 0 ? end >= start : end <= start) {
            range.push(start);
            start += step;
        }

    } else if (typeofStart == "string") {

        if (start.length != 1 || end.length != 1) {
            throw TypeError("Only strings with one character are supported.");
        }

        start = start.charCodeAt(0);
        end = end.charCodeAt(0);

        while (step > 0 ? end >= start : end <= start) {
            range.push(String.fromCharCode(start));
            start += step;
        }

    } else {
        throw TypeError("Only string and number types are supported");
    }

    return range;

}

jsFiddle .

Se il miglioramento dei tipi nativi è la tua passione, assegnalo a Array.range.

var range = function(start, end, step) {
    var range = [];
    var typeofStart = typeof start;
    var typeofEnd = typeof end;

    if (step === 0) {
        throw TypeError("Step cannot be zero.");
    }

    if (typeofStart == "undefined" || typeofEnd == "undefined") {
        throw TypeError("Must pass start and end arguments.");
    } else if (typeofStart != typeofEnd) {
        throw TypeError("Start and end arguments must be of same type.");
    }

    typeof step == "undefined" && (step = 1);

    if (end < start) {
        step = -step;
    }

    if (typeofStart == "number") {

        while (step > 0 ? end >= start : end <= start) {
            range.push(start);
            start += step;
        }

    } else if (typeofStart == "string") {

        if (start.length != 1 || end.length != 1) {
            throw TypeError("Only strings with one character are supported.");
        }

        start = start.charCodeAt(0);
        end = end.charCodeAt(0);

        while (step > 0 ? end >= start : end <= start) {
            range.push(String.fromCharCode(start));
            start += step;
        }

    } else {
        throw TypeError("Only string and number types are supported");
    }

    return range;

}

console.log(range("A", "Z", 1));
console.log(range("Z", "A", 1));
console.log(range("A", "Z", 3));


console.log(range(0, 25, 1));

console.log(range(0, 25, 5));
console.log(range(20, 5, 5));

Funzione range semplice:

function range(start, stop, step) {
    var a = [start], b = start;
    while (b < stop) {
        a.push(b += step || 1);
    }
    return a;
}

Per incorporare il tipo di dati BitInt è possibile includere alcuni controlli, assicurando che tutte le variabili siano uguali typeof start:

function range(start, stop, step) {
    var a = [start], b = start;
    if (typeof start == 'bigint') {
        stop = BigInt(stop)
        step = step? BigInt(step): 1n;
    } else
        step = step || 1;
    while (b < stop) {
        a.push(b += step);
    }
    return a;
}

Per rimuovere valori superiori a quelli definiti da stopes. range(0,5,2)Includerà 6, che non dovrebbe essere.

function range(start, stop, step) {
    var a = [start], b = start;
    while (b < stop) {
        a.push(b += step || 1);
    }
    return (b > stop) ? a.slice(0,-1) : a;
}

Array.range= function(a, b, step){
    var A= [];
    if(typeof a== 'number'){
        A[0]= a;
        step= step || 1;
        while(a+step<= b){
            A[A.length]= a+= step;
        }
    }
    else{
        var s= 'abcdefghijklmnopqrstuvwxyz';
        if(a=== a.toUpperCase()){
            b=b.toUpperCase();
            s= s.toUpperCase();
        }
        s= s.substring(s.indexOf(a), s.indexOf(b)+ 1);
        A= s.split('');        
    }
    return A;
}


    Array.range(0,10);
    // [0,1,2,3,4,5,6,7,8,9,10]

    Array.range(-100,100,20);
    // [-100,-80,-60,-40,-20,0,20,40,60,80,100]

    Array.range('A','F');
    // ['A','B','C','D','E','F')

    Array.range('m','r');
    // ['m','n','o','p','q','r']

OK, in JavaScript non abbiamo una range()funzione come PHP , quindi dobbiamo creare la funzione che è abbastanza facile, scrivo un paio di funzioni a una riga per te e le separiamo per Numeri e Alfabeti come di seguito:

per i numeri :

function numberRange (start, end) {
  return new Array(end - start).fill().map((d, i) => i + start);
}

e chiamalo come:

numberRange(5, 10); //[5, 6, 7, 8, 9]

per alfabeti :

function alphabetRange (start, end) {
  return new Array(end.charCodeAt(0) - start.charCodeAt(0)).fill().map((d, i) => String.fromCharCode(i + start.charCodeAt(0)));
}

e chiamalo come:

alphabetRange('c', 'h'); //["c", "d", "e", "f", "g"]

Pratica funzione per fare il trucco, esegui lo snippet di codice qui sotto

function range(start, end, step, offset) {
  
  var len = (Math.abs(end - start) + ((offset || 0) * 2)) / (step || 1) + 1;
  var direction = start < end ? 1 : -1;
  var startingPoint = start - (direction * (offset || 0));
  var stepSize = direction * (step || 1);
  
  return Array(len).fill(0).map(function(_, index) {
    return startingPoint + (stepSize * index);
  });
  
}

console.log('range(1, 5)=> ' + range(1, 5));
console.log('range(5, 1)=> ' + range(5, 1));
console.log('range(5, 5)=> ' + range(5, 5));
console.log('range(-5, 5)=> ' + range(-5, 5));
console.log('range(-10, 5, 5)=> ' + range(-10, 5, 5));
console.log('range(1, 5, 1, 2)=> ' + range(1, 5, 1, 2));

ecco come usarlo

intervallo (Start, End, Step = 1, Offset = 0);

• inclusivo - avanti range(5,10) // [5, 6, 7, 8, 9, 10]
• inclusivo - indietro range(10,5) // [10, 9, 8, 7, 6, 5]
• passo indietro range(10,2,2) // [10, 8, 6, 4, 2]
• esclusivo - forward range(5,10,0,-1) // [6, 7, 8, 9] not 5,10 themselves
• offset - espandi range(5,10,0,1) // [4, 5, 6, 7, 8, 9, 10, 11]
• offset - restringimento range(5,10,0,-2) // [7, 8]
• step - espandi range(10,0,2,2) // [12, 10, 8, 6, 4, 2, 0, -2]

spero che lo trovi utile.

Ed ecco come funziona.

Fondamentalmente sto prima calcolando la lunghezza della matrice risultante e creare una matrice riempita di zero per quella lunghezza, quindi riempirla con i valori necessari

• (step || 1)=> E altri come questo significa usare il valore di stepe se non è stato fornito usare 1invece
• Iniziamo calcolando la lunghezza dell'array dei risultati usando (Math.abs(end - start) + ((offset || 0) * 2)) / (step || 1) + 1)per renderlo più semplice (differenza * offset in entrambe le direzioni / passi)
• Dopo aver ottenuto la lunghezza, quindi creiamo un array vuoto con valori inizializzati usando il new Array(length).fill(0); controllo qui
• Ora abbiamo un array [0,0,0,..]per la lunghezza che vogliamo. Ci mappiamo su di esso e restituiamo un nuovo array con i valori di cui abbiamo bisogno utilizzandoArray.map(function() {})
• var direction = start < end ? 1 : 0;Ovviamente se startnon è più piccolo di quello endche dobbiamo spostare indietro. Intendo passare da 0 a 5 o viceversa
• Ad ogni iterazione, startingPoint+ stepSize* indexci darà il valore di cui abbiamo bisogno

var range = (l,r) => new Array(r - l).fill().map((_,k) => k + l);

Utilizzo dell'operatore di diffusione Harmony e delle funzioni freccia:

var range = (start, end) => [...Array(end - start + 1)].map((_, i) => start + i);

Esempio:

range(10, 15);
[ 10, 11, 12, 13, 14, 15 ]

--- AGGIORNAMENTO (Grazie a @lokhmakov per la semplificazione) ---

Un'altra versione che utilizza generatori ES6 (vedi la risposta di Paolo Moretti con i generatori ES6 ):

const RANGE = (x,y) => Array.from((function*(){
  while (x <= y) yield x++;
})());

console.log(RANGE(3,7));  // [ 3, 4, 5, 6, 7 ]

Oppure, se abbiamo solo bisogno di iterabile, allora:

const RANGE_ITER = (x,y) => (function*(){
  while (x <= y) yield x++;
})();

for (let n of RANGE_ITER(3,7)){
  console.log(n);
}

// 3
// 4
// 5
// 6
// 7

--- Il codice ORGINAL era: ---

const RANGE = (a,b) => Array.from((function*(x,y){
  while (x <= y) yield x++;
})(a,b));

e

const RANGE_ITER = (a,b) => (function*(x,y){
  while (x <= y) yield x++;
})(a,b);

Ha fatto delle ricerche su alcune varie funzioni di portata. Guarda il confronto jsperf dei diversi modi per eseguire queste funzioni. Certamente non un elenco perfetto o completo, ma dovrebbe aiutare :)

Il vincitore è...

function range(lowEnd,highEnd){
    var arr = [],
    c = highEnd - lowEnd + 1;
    while ( c-- ) {
        arr[c] = highEnd--
    }
    return arr;
}
range(0,31);

Tecnicamente non è il più veloce su Firefox, ma la folle differenza di velocità (imho) su Chrome lo compensa.

Un'altra interessante osservazione è quanto Chrome sia più veloce con queste funzioni di array rispetto a Firefox. Chrome è almeno 4 o 5 volte più veloce .

Javascript standard non ha una funzione integrata per generare intervalli. Diversi framework javascript aggiungono supporto per tali funzionalità, o come altri hanno sottolineato, puoi sempre creare il tuo.

Se si desidera ricontrollare, la risorsa definitiva è lo standard ECMA-262 .

Puoi usare lodash o Undescore.js range :

var range = require('lodash/range')
range(10)
// -> [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

In alternativa, se hai solo bisogno di un intervallo consecutivo di numeri interi puoi fare qualcosa del tipo:

Array.apply(undefined, { length: 10 }).map(Number.call, Number)
// -> [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

In ES6 rangepuò essere implementato con generatori :

function* range(start=0, end=null, step=1) {
  if (end == null) {
    end = start;
    start = 0;
  }

  for (let i=start; i < end; i+=step) {
    yield i;
  }
}

Questa implementazione consente di risparmiare memoria durante l'iterazione di sequenze di grandi dimensioni, poiché non deve materializzare tutti i valori in un array:

for (let i of range(1, oneZillion)) {
  console.log(i);
}

Una sfida interessante sarebbe quella di scrivere la funzione più breve per farlo. Ricorsione in soccorso!

function r(a,b){return a>b?[]:[a].concat(r(++a,b))}

Tende ad essere lento su grandi distanze, ma per fortuna i computer quantistici sono dietro l'angolo.

Un ulteriore vantaggio è che è offuscato. Perché sappiamo tutti quanto sia importante nascondere il nostro codice da occhi indiscreti.

Per offuscare veramente e completamente la funzione, fai questo:

function r(a,b){return (a<b?[a,b].concat(r(++a,--b)):a>b?[]:[a]).sort(function(a,b){return a-b})}

Questo potrebbe non essere il modo migliore. Ma se stai cercando di ottenere un intervallo di numeri in una singola riga di codice. Ad esempio 10 - 50

Array(40).fill(undefined).map((n, i) => i + 10)

Dove 40 è (end - start) e 10 è l'inizio. Questo dovrebbe restituire [10, 11, ..., 50]

Vorrei codificare qualcosa del genere:

function range(start, end) {
    return Array(end-start).join(0).split(0).map(function(val, id) {return id+start});
}  

range(-4,2);
// [-4,-3,-2,-1,0,1]

range(3,9);
// [3,4,5,6,7,8]

Si comporta in modo simile all'intervallo Python:

>>> range(-4,2)
[-4, -3, -2, -1, 0, 1]

Un'implementazione piuttosto minimalista che impiega fortemente ES6 può essere creata come segue, attirando particolare attenzione al Array.from()metodo statico:

const getRange = (start, stop) => Array.from(
  new Array((stop - start) + 1),
  (_, i) => i + start
);

range(start,end,step): Con Iteratori ES6

Chiedi solo un limite superiore e inferiore. Qui ne creiamo uno anche con un passo.

È possibile creare facilmente una range()funzione del generatore che può funzionare come iteratore. Ciò significa che non è necessario pre-generare l'intero array.

function * range ( start, end, step = 1 ) {
  let state = start;
  while ( state < end ) {
    yield state;
    state += step;
  }
  return;
};

Ora potresti voler creare qualcosa che pre-genera l'array dall'iteratore e restituisce un elenco. Ciò è utile per le funzioni che accettano un array. Per questo possiamo usareArray.from()

const generate_array = (start,end,step) =>
  Array.from( range(start,end,step) );

Ora puoi generare facilmente un array statico,

const array1 = generate_array(1,10,2);
const array1 = generate_array(1,7);

Ma quando qualcosa desidera un iteratore (o ti dà la possibilità di usare un iteratore) puoi facilmente crearne uno anche tu.

for ( const i of range(1, Number.MAX_SAFE_INTEGER, 7) ) {
  console.log(i)
}

Note speciali

• Se usi Ramda, hanno il loro proprioR.range come Lodash

Anche se questo non proviene da PHP , ma un'imitazione di rangeda Python .

function range(start, end) {
    var total = [];

    if (!end) {
        end = start;
        start = 0;
    }

    for (var i = start; i < end; i += 1) {
        total.push(i);
    }

    return total;
}

console.log(range(10)); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] 
console.log(range(0, 10)); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(range(5, 10)); // [5, 6, 7, 8, 9] 

Per quanto riguarda la generazione di un array numerico per un determinato intervallo, utilizzo questo:

function range(start, stop)
{
    var array = [];

    var length = stop - start; 

    for (var i = 0; i <= length; i++) { 
        array[i] = start;
        start++;
    }

    return array;
}

console.log(range(1, 7));  // [1,2,3,4,5,6,7]
console.log(range(5, 10)); // [5,6,7,8,9,10]
console.log(range(-2, 3)); // [-2,-1,0,1,2,3]

Ovviamente, non funzionerà con le matrici alfabetiche.

Utilizzando i generatori Harmony , supportati da tutti i browser tranne IE11 :

var take = function (amount, generator) {
    var a = [];

    try {
        while (amount) {
            a.push(generator.next());
            amount -= 1;
        }
    } catch (e) {}

    return a;
};

var takeAll = function (gen) {
    var a = [],
        x;

    try {
        do {
            x = a.push(gen.next());
        } while (x);
    } catch (e) {}

    return a;
};

var range = (function (d) {
    var unlimited = (typeof d.to === "undefined");

    if (typeof d.from === "undefined") {
        d.from = 0;
    }

    if (typeof d.step === "undefined") {
        if (unlimited) {
            d.step = 1;
        }
    } else {
        if (typeof d.from !== "string") {
            if (d.from < d.to) {
                d.step = 1;
            } else {
                d.step = -1;
            }
        } else {
            if (d.from.charCodeAt(0) < d.to.charCodeAt(0)) {
                d.step = 1;
            } else {
                d.step = -1;
            }
        }
    }

    if (typeof d.from === "string") {
        for (let i = d.from.charCodeAt(0); (d.step > 0) ? (unlimited ? true : i <= d.to.charCodeAt(0)) : (i >= d.to.charCodeAt(0)); i += d.step) {
            yield String.fromCharCode(i);
        }
    } else {
        for (let i = d.from; (d.step > 0) ? (unlimited ? true : i <= d.to) : (i >= d.to); i += d.step) {
            yield i;
        }
    }
});

Esempi

prendere

Esempio 1.

take richiede solo il massimo che può ottenere

take(10, range( {from: 100, step: 5, to: 120} ) )

ritorna

[100, 105, 110, 115, 120]

Esempio 2

to non necessario

take(10, range( {from: 100, step: 5} ) )

ritorna

[100, 105, 110, 115, 120, 125, 130, 135, 140, 145]

prendi tutto

Esempio 3

from non necessario

takeAll( range( {to: 5} ) )

ritorna

[0, 1, 2, 3, 4, 5]

Esempio 4

takeAll( range( {to: 500, step: 100} ) )

ritorna

[0, 100, 200, 300, 400, 500]

Esempio 5

takeAll( range( {from: 'z', to: 'a'} ) )

ritorna

["z", "y", "x", "w", "v", "u", "t", "s", "r", "q", "p", "o", "n", "m", "l", "k", "j", "i", "h", "g", "f", "e", "d", "c", "b", "a"]

... più portata, usando una funzione di generatore.

function range(s, e, str){
  // create generator that handles numbers & strings.
  function *gen(s, e, str){
    while(s <= e){
      yield (!str) ? s : str[s]
      s++
    }
  }
  if (typeof s === 'string' && !str)
    str = 'abcdefghijklmnopqrstuvwxyz'
  const from = (!str) ? s : str.indexOf(s)
  const to = (!str) ? e : str.indexOf(e)
  // use the generator and return.
  return [...gen(from, to, str)]
}

// usage ...
console.log(range('l', 'w'))
//=> [ 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w' ]

console.log(range(7, 12))
//=> [ 7, 8, 9, 10, 11, 12 ]

// first 'o' to first 't' of passed in string.
console.log(range('o', 't', "ssshhhooooouuut!!!!"))
// => [ 'o', 'o', 'o', 'o', 'o', 'u', 'u', 'u', 't' ]

// only lowercase args allowed here, but ...
console.log(range('m', 'v').map(v=>v.toUpperCase()))
//=> [ 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V' ]

// => and decreasing range ...
console.log(range('m', 'v').map(v=>v.toUpperCase()).reverse())

// => ... and with a step
console.log(range('m', 'v')
          .map(v=>v.toUpperCase())
          .reverse()
          .reduce((acc, c, i) => (i % 2) ? acc.concat(c) : acc, []))

// ... etc, etc.

Spero sia utile.

Il mio collega codegolfing ha escogitato questo (ES6), compreso:

(s,f)=>[...Array(f-s+1)].map((e,i)=>i+s)

non compreso:

(s,f)=>[...Array(f-s)].map((e,i)=>i+s)

puoi usare la lodashfunzione _.range(10) https://lodash.com/docs#range

d3 ha anche una funzione di portata integrata. Vedi https://github.com/mbostock/d3/wiki/Arrays#d3_range :

d3.range ([start,] stop [, step])

Genera un array contenente una progressione aritmetica, simile all'intervallo incorporato di Python. Questo metodo viene spesso utilizzato per scorrere su una sequenza di valori numerici o interi, come gli indici in un array. A differenza della versione di Python, gli argomenti non devono essere numeri interi, sebbene i risultati siano più prevedibili se dovuti alla precisione in virgola mobile. Se il passaggio viene omesso, il valore predefinito è 1.

Esempio:

d3.range(10)
// returns [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

Completa implementazione di ES6 usando la firma range ([start,] stop [, step]):

function range(start, stop, step=1){
  if(!stop){stop=start;start=0;}
  return Array.from(new Array(int((stop-start)/step)), (x,i) => start+ i*step)
}

Se si desidera un stepping negativo automatico, aggiungere

if(stop<start)step=-Math.abs(step)

O più minimalisticamente:

range=(b, e, step=1)=>{
  if(!e){e=b;b=0}
  return Array.from(new Array(int((e-b)/step)), (_,i) => b<e? b+i*step : b-i*step)
}

Se hai gamme enormi guarda l'approccio del generatore di Paolo Moretti

C'è un modulo npm da bereich per questo ("bereich" è la parola tedesca per "range"). Utilizza i moderni iteratori di JavaScript, quindi puoi usarlo in vari modi, come:

console.log(...bereich(1, 10));
// => 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

const numbers = Array.from(bereich(1, 10));
// => [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]

for (const number of bereich(1, 10)) {
  // ...
}

Supporta anche intervalli decrescenti (semplicemente scambiando mine max) e supporta anche passaggi diversi da 1.

Disclaimer: sono l'autore di questo modulo, quindi per favore prendi la mia risposta con un pizzico di sale.

Questo funziona anche al contrario.

const range = ( a , b ) => Array.from( new Array( b > a ? b - a : a - b ), ( x, i ) => b > a ? i + a : a - i );

range( -3, 2 ); // [ -3, -2, -1, 0, 1 ]
range( 1, -4 ); // [ 1, 0, -1, -2, -3 ]