javascript - Create Simple Dynamic Array

Question

Qual è il modo più efficiente per creare dinamicamente questo semplice array.

var arr = [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]; 

Diciamo che siamo in grado di ottenere il numero 10 da una variabile

var mynumber = 10; 

Answer 1

var arr = []; 
for(var i=1; i<=mynumber; i++) { 
    arr.push(i.toString()); 
} 

Answer 2

Suona come si desidera solo di costruire un array che contiene le versioni di stringa dei valori interi. Un approccio semplice:

var arr = []; 
for (var i = 1; i <= mynumber; i++) arr.push(""+i); 

Per una versione più interessante si potrebbe fare un generatore di ...

function tail(i, maxval) { 
    return [i].concat(i < maxval ? tail(i+1, maxval) : []); 
} 

var arr = tail(1, mynumber); 

Answer 3

var arr = []; 
while(mynumber--) { 
    arr[mynumber] = String(mynumber+1); 
} 

Answer 4

Se ti stai chiedendo se c'è una costruito nel Pythonic range - come funzione, non c'è. Devi farlo in modo brutale. Forse rangy ti interesserebbe.

Answer 5

ha letto erroneamente la domanda, corretta. Prova:

var myNumber = 100, 
    myarr = (function arr(i){return i ? arr(i-1).concat(i) : [i]}(myNumber)); 

Solo per divertimento, se si estende Array in questo modo:

Array.prototype.mapx = function(callback){ 
    return String(this).split(',').map(callback); 
} 

si potrebbe usare:

var myNum = 100, 
    myarr = new Array(myNum).mapx(function(el,i){return i+1;}); 

Answer 6

Allo stesso modo si farebbe per tutti gli array che si desidera riempire in modo dinamico. A per ciclo. codice Suedo è

arr =array() 
for(i; i<max; i++){ 
arr[]=i 

} 

che dovrebbe aiutare sulla strada

Answer 7

var arr = []; 
for(var i=1; i<=mynumber; i++) { 
    arr.push("" + i); 
} 

Questo sembra essere più veloce in Chrome, secondo JSPerf, ma tieni presente che è tutto molto navigatore dipendente.

C'è 4 cose che si possono cambiare su questo frammento:

1. Usa for o while.
2. Utilizzare il ciclo avanti o indietro (con la creazione di file sparse all'indietro all'inizio)
3. Utilizzare push o accedere direttamente dall'indice.
4. Utilizzare la stringa implicita o chiamare esplicitamente toString.

In ogni browser, la velocità totale sarebbe la combinazione di quanto migliore ogni opzione per ciascun elemento in questo elenco viene eseguita in quel particolare browser.

TL; DR: probabilmente non è una buona idea provare a ottimizzare questo particolare pezzo.

Answer 8

Ecco come lo farei:

var mynumber = 10; 
var arr = new Array(mynumber); 

for (var i = 0; i < mynumber; i++) { 
    arr[i] = (i + 1).toString(); 
} 

La mia risposta è praticamente la stessa di tutti, ma nota che ho fatto qualcosa di diverso:

• E 'meglio se si specifica la lunghezza campo ed non forzarlo per espandere ogni volta

Così ho creato l'array con new Array(mynumber);

Answer 9

Con ES2015, questo può essere raggiunto sinteticamente in una singola espressione utilizzando il metodo Array.from modo:

Array.from({ length: 10 }, (_, idx) => `${++idx}`) 

Il primo argomento from è un array come oggetto che fornisce una proprietà length. Il secondo argomento è una funzione mappa che ci consente di sostituire i valori di default undefined con i loro valori di indice corretti come richiesto. Verifica le specifiche here

Answer 10

Farei come segue;

var num = 10, 
 
    dynar = [...Array(num)].map((_,i) => ++i+""); 
 
console.log(dynar);

Answer 11

Array.apply(null, new Array(10)).map((el, i) => ++i + "")