Saya mencari alternatif di bawah ini untuk membuat larik JavaScript yang berisi 1 hingga N di mana N hanya dikenal saat runtime.

var foo = [];

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

Bagi saya rasanya harus ada cara untuk melakukan ini tanpa loop.

Jika saya mendapatkan apa yang Anda cari, Anda menginginkan array angka 1..nyang nantinya bisa Anda lewati.

Jika ini yang Anda butuhkan, bisakah Anda melakukan ini?

var foo = new Array(45); // create an empty array with length 45

lalu ketika Anda ingin menggunakannya ... (tidak dioptimalkan, misalnya saja)

for(var i = 0; i < foo.length; i++){
  document.write('Item: ' + (i + 1) + ' of ' + foo.length + '<br/>'); 
}

mis. jika Anda tidak perlu menyimpan apa pun dalam array, Anda hanya perlu satu kontainer dengan panjang yang tepat yang bisa Anda ulangi ... ini mungkin lebih mudah.

Lihat beraksi di sini: http://jsfiddle.net/3kcvm/

Dalam ES6 menggunakan metode Array from () dan keys () .

Array.from(Array(10).keys())
//=> [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

Versi lebih pendek menggunakan operator spread .

[...Array(10).keys()]
//=> [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

Anda dapat melakukannya:

var N = 10; 
Array.apply(null, {length: N}).map(Number.call, Number)

hasil: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

atau dengan nilai acak:

Array.apply(null, {length: N}).map(Function.call, Math.random)

hasil: [0.7082694901619107, 0.9572225909214467, 0.8586748542729765, 0.8653848143294454, 0.008339877473190427, 0.9911756622605026, 0.8133423360995948, 0.837758846580948303530

Penjelasan

Pertama, perhatikan yang Number.call(undefined, N)setara dengan Number(N), yang baru saja kembali N. Kami akan menggunakan fakta itu nanti.

Array.apply(null, [undefined, undefined, undefined])setara dengan Array(undefined, undefined, undefined), yang menghasilkan array tiga elemen dan menetapkan undefineduntuk setiap elemen.

Bagaimana Anda bisa menggeneralisasikannya ke elemen N ? Pertimbangkan cara Array()kerjanya, yang kira-kira seperti ini:

function Array() {
    if ( arguments.length == 1 &&
         'number' === typeof arguments[0] &&
         arguments[0] >= 0 && arguments &&
         arguments[0] < 1 << 32 ) {
        return [ … ];  // array of length arguments[0], generated by native code
    }
    var a = [];
    for (var i = 0; i < arguments.length; i++) {
        a.push(arguments[i]);
    }
    return a;
}

Sejak ECMAScript 5 , Function.prototype.apply(thisArg, argsArray)juga menerima objek seperti array bebek-mengetik sebagai parameter kedua. Jika kita memohon Array.apply(null, { length: N }), maka itu akan dieksekusi

function Array() {
    var a = [];
    for (var i = 0; i < /* arguments.length = */ N; i++) {
        a.push(/* arguments[i] = */ undefined);
    }
    return a;
}

Sekarang kita memiliki array N- elemen, dengan setiap elemen diatur ke undefined. Ketika kita memanggilnya .map(callback, thisArg), setiap elemen akan diatur ke hasil callback.call(thisArg, element, index, array). Oleh karena itu, [undefined, undefined, …, undefined].map(Number.call, Number)akan memetakan setiap elemen (Number.call).call(Number, undefined, index, array), yang sama dengan Number.call(undefined, index, array), yang, seperti yang kami amati sebelumnya, dievaluasi index. Itu melengkapi array yang elemennya sama dengan indeks mereka.

Mengapa harus melalui masalah Array.apply(null, {length: N})bukan hanya Array(N)? Setelah semua, kedua ekspresi akan menghasilkan array N -elemen elemen yang tidak terdefinisi. Perbedaannya adalah bahwa dalam ekspresi sebelumnya, setiap elemen secara eksplisit diatur ke tidak terdefinisi, sedangkan pada yang terakhir, setiap elemen tidak pernah ditetapkan. Menurut dokumentasi .map():

callbackdipanggil hanya untuk indeks array yang telah menetapkan nilai; itu tidak dipanggil untuk indeks yang telah dihapus atau yang tidak pernah diberi nilai.

Karena itu, Array(N)tidak cukup; Array(N).map(Number.call, Number)akan menghasilkan sebuah array diinisiasi panjang N .

Kesesuaian

Karena teknik ini bergantung pada perilaku yang Function.prototype.apply()ditentukan dalam ECMAScript 5, itu tidak akan berfungsi di browser pra-ECMAScript 5 seperti Chrome 14 dan Internet Explorer 9.

Berbagai cara menggunakan ES6

Menggunakan ...metode spread operator ( ) dan kunci

[ ...Array(N).keys() ].map( i => i+1);

Isi / Peta

Array(N).fill().map((_, i) => i+1);

Dari Array

Array.from(Array(N), (_, i) => i+1)

Array.dari dan { length: N }retas

Array.from({ length: N }, (_, i) => i+1)

Perhatikan tentang formulir umum

Semua bentuk di atas array dapat menghasilkan dijalankan dengan nilai-nilai hampir semua yang diinginkan dengan mengubah i+1ekspresi diperlukan (misalnya i*2, -i, 1+i*2, i%2dan sebagainya). Jika ekspresi dapat diekspresikan oleh beberapa fungsi fmaka bentuk pertama menjadi sederhana

[ ...Array(N).keys() ].map(f)

Contoh:

Array.from({length: 5}, (v, k) => k+1); 
// [1,2,3,4,5]

Karena array diinisialisasi dengan undefinedpada setiap posisi, nilai v akanundefined

Contoh menampilkan semua formulir

let demo= (N) => {
  console.log(
    [ ...Array(N).keys() ].map(( i) => i+1),
    Array(N).fill().map((_, i) => i+1) ,
    Array.from(Array(N), (_, i) => i+1),
    Array.from({ length: N }, (_, i) => i+1)
  )
}

demo(5)

Contoh yang lebih generik dengan fungsi initialiser kustom fyaitu

[ ...Array(N).keys() ].map((i) => f(i))

atau bahkan lebih sederhana

[ ...Array(N).keys() ].map(f)

let demo= (N,f) => {
  console.log(
    [ ...Array(N).keys() ].map(f),
    Array(N).fill().map((_, i) => f(i)) ,
    Array.from(Array(N), (_, i) => f(i)),
    Array.from({ length: N }, (_, i) => f(i))
  )
}

demo(5, i=>2*i+1)

Array secara alami mengatur panjangnya. Ketika mereka dilalui, indeks mereka dapat disimpan dalam memori dan direferensikan pada saat itu. Jika indeks acak perlu diketahui, indexOfmetode ini dapat digunakan.

Ini mengatakan, untuk kebutuhan Anda, Anda mungkin hanya ingin mendeklarasikan array dengan ukuran tertentu:

var foo = new Array(N);   // where N is a positive integer

/* this will create an array of size, N, primarily for memory allocation, 
   but does not create any defined values

   foo.length                                // size of Array
   foo[ Math.floor(foo.length/2) ] = 'value' // places value in the middle of the array
*/

ES6

Sebaran

Memanfaatkan operator spread ( ...) dan keysmetode, memungkinkan Anda untuk membuat array sementara ukuran N untuk menghasilkan indeks, dan kemudian array baru yang dapat ditugaskan ke variabel Anda:

var foo = [ ...Array(N).keys() ];

Isi / Peta

Pertama-tama Anda dapat membuat ukuran array yang Anda butuhkan, mengisinya dengan undefined dan kemudian membuat array baru menggunakan map, yang menetapkan setiap elemen ke indeks.

var foo = Array(N).fill().map((v,i)=>i);

Dari Array

Ini harus dimulai dengan panjang ukuran N dan mengisi array dalam satu lintasan.

Array.from({ length: N }, (v, i) => i)

Sebagai pengganti komentar dan kebingungan, jika Anda benar-benar ingin menangkap nilai dari 1..N dalam contoh di atas, ada beberapa opsi:

1. jika indeks tersedia, Anda cukup menambahkannya dengan satu (mis., ++i).

2. dalam kasus di mana indeks tidak digunakan - dan mungkin cara yang lebih efisien - adalah membuat array Anda tetapi membuat N mewakili N +1, kemudian bergeser dari depan.

   Jadi, jika Anda menginginkan 100 angka:

   let arr; (arr=[ ...Array(101).keys() ]).shift()

Di ES6 Anda dapat melakukan:

Array(N).fill().map((e,i)=>i+1);

http://jsbin.com/molabiluwa/edit?js,console

Sunting: Diubah Array(45)ke Array(N)sejak Anda memperbarui pertanyaan.

console.log(
  Array(45).fill(0).map((e,i)=>i+1)
);

Gunakan metode _.range Garis Bawah yang sangat populer

// _.range([start], stop, [step])

_.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]
_.range(0); // => []

function range(start, end) {
    var foo = [];
    for (var i = start; i <= end; i++) {
        foo.push(i);
    }
    return foo;
}

Kemudian dipanggil oleh

var foo = range(1, 5);

Tidak ada cara bawaan untuk melakukan ini dalam Javascript, tetapi ini adalah fungsi utilitas yang benar-benar valid untuk dibuat jika Anda perlu melakukannya lebih dari sekali.

Sunting: Menurut saya, berikut ini adalah fungsi rentang yang lebih baik. Mungkin hanya karena saya bias oleh LINQ, tapi saya pikir ini lebih berguna dalam banyak kasus. Jarak tempuh Anda mungkin beragam.

function range(start, count) {
    if(arguments.length == 1) {
        count = start;
        start = 0;
    }

    var foo = [];
    for (var i = 0; i < count; i++) {
        foo.push(start + i);
    }
    return foo;
}

cara tercepat untuk mengisi Arrayv8 adalah:

[...Array(5)].map((_,i) => i);

hasilnya adalah: [0, 1, 2, 3, 4]

Pertanyaan ini memiliki banyak jawaban yang rumit, tetapi satu kalimat:

[...Array(255).keys()].map(x => x + 1)

Juga, meskipun di atas pendek (dan rapi) untuk menulis, saya pikir yang berikut ini sedikit lebih cepat (untuk panjang maksimal:

127, Int8,

255, Uint8,

32.767, Int16,

65.535, Uint16,

2,147.483.647, Int32,

4.294.967.295, Uint32.

(berdasarkan nilai integer maks ), juga berikut ini di Typed Arays ):

(new Uint8Array(255)).map(($,i) => i + 1);

Meskipun solusi ini juga tidak begitu ideal, karena ia menciptakan dua array, dan menggunakan deklarasi variabel tambahan "$" (tidak yakin ada cara untuk menyiasatinya menggunakan metode ini). Saya pikir solusi berikut adalah cara tercepat yang paling mungkin untuk melakukan ini:

for(var i = 0, arr = new Uint8Array(255); i < arr.length; i++) arr[i] = i + 1;

Kapan saja setelah pernyataan ini dibuat, Anda dapat menggunakan variabel "arr" sederhana di lingkup saat ini;

Jika Anda ingin membuat fungsi sederhana darinya (dengan beberapa verifikasi dasar):

function range(min, max) {
    min = min && min.constructor == Number ? min : 0;
    !(max && max.constructor == Number && max > min) && // boolean statements can also be used with void return types, like a one-line if statement.
        ((max = min) & (min = 0));  //if there is a "max" argument specified, then first check if its a number and if its graeter than min: if so, stay the same; if not, then consider it as if there is no "max" in the first place, and "max" becomes "min" (and min becomes 0 by default)

    for(var i = 0, arr = new (
        max < 128 ? Int8Array : 
        max < 256 ? Uint8Array :
        max < 32768 ? Int16Array : 
        max < 65536 ? Uint16Array :
        max < 2147483648 ? Int32Array :
        max < 4294967296 ? Uint32Array : 
        Array
    )(max - min); i < arr.length; i++) arr[i] = i + min;
    return arr;
}



//and you can loop through it easily using array methods if you want
range(1,11).forEach(x => console.log(x));

//or if you're used to pythons `for...in` you can do a similar thing with `for...of` if you want the individual values:
for(i of range(2020,2025)) console.log(i);

//or if you really want to use `for..in`, you can, but then you will only be accessing the keys:

for(k in range(25,30)) console.log(k);

console.log(
    range(1,128).constructor.name,
    range(200).constructor.name,
    range(400,900).constructor.name,
    range(33333).constructor.name,
    range(823, 100000).constructor.name,
    range(10,4) // when the "min" argument is greater than the "max", then it just considers it as if there is no "max", and the new max becomes "min", and "min" becomes 0, as if "max" was never even written
);

jadi, dengan fungsi di atas, "satu-liner sederhana" super-lambat di atas menjadi super cepat, bahkan lebih pendek:

range(1,14000);

Anda bisa menggunakan ini:

new Array(/*any number which you want*/)
    .join().split(',')
    .map(function(item, index){ return ++index;})

sebagai contoh

new Array(10)
    .join().split(',')
    .map(function(item, index){ return ++index;})

akan membuat array berikut:

[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

ES6 ini akan melakukan trik:

[...Array(12).keys()]

lihat hasilnya:

[...Array(12).keys()].map(number => console.log(number))

Jika Anda menggunakan d3.js di aplikasi Anda seperti saya, D3 menyediakan fungsi pembantu yang melakukan ini untuk Anda.

Jadi untuk mendapatkan array dari 0 hingga 4, semudah:

d3.range(5)
[0, 1, 2, 3, 4]

dan untuk mendapatkan array dari 1 hingga 5, saat Anda meminta:

d3.range(1, 5+1)
[1, 2, 3, 4, 5]

Lihatlah tutorial ini untuk informasi lebih lanjut.

Menggunakan operator penyebaran ES2015 / ES6

[...Array(10)].map((_, i) => i + 1)

console.log([...Array(10)].map((_, i) => i + 1))

Ini mungkin cara tercepat untuk menghasilkan array angka

Terpendek

var a=[],b=N;while(b--)a[b]=b+1;

Di barisan

var arr=(function(a,b){while(a--)b[a]=a;return b})(10,[]);
//arr=[0,1,2,3,4,5,6,7,8,9]

Jika Anda ingin memulai dari 1

var arr=(function(a,b){while(a--)b[a]=a+1;return b})(10,[]);
//arr=[1,2,3,4,5,6,7,8,9,10]

Ingin fungsi?

function range(a,b,c){c=[];while(a--)c[a]=a+b;return c}; //length,start,placeholder
var arr=range(10,5);
//arr=[5,6,7,8,9,10,11,12,13,14]

MENGAPA?

1. while adalah loop tercepat

2. Pengaturan langsung lebih cepat daripada push

3. [] lebih cepat dari new Array(10)

4. ini singkat ... lihat kode pertama. kemudian lihat semua fungsi lain di sini.

Jika Anda suka tidak bisa hidup tanpa untuk

for(var a=[],b=7;b>0;a[--b]=b+1); //a=[1,2,3,4,5,6,7]

atau

for(var a=[],b=7;b--;a[b]=b+1); //a=[1,2,3,4,5,6,7]

Jika Anda menggunakan lodash, Anda dapat menggunakan _.range :

_.range([start=0], end, [step=1])

Membuat susunan angka (positif dan / atau negatif) mulai dari awal hingga, tetapi tidak termasuk, akhir. Langkah -1 digunakan jika awal negatif ditentukan tanpa akhir atau langkah. Jika akhir tidak ditentukan, itu diatur untuk mulai dengan awal kemudian atur ke 0.

Contoh:

_.range(4);
// ➜ [0, 1, 2, 3]

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

_.range(1, 5);
// ➜ [1, 2, 3, 4]

_.range(0, 20, 5);
// ➜ [0, 5, 10, 15]

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

_.range(1, 4, 0);
// ➜ [1, 1, 1]

_.range(0);
// ➜ []

cara baru untuk mengisi Arrayadalah:

const array = [...Array(5).keys()]
console.log(array)

hasilnya adalah: [0, 1, 2, 3, 4]

dengan ES6 yang dapat Anda lakukan:

// `n` is the size you want to initialize your array
// `null` is what the array will be filled with (can be any other value)
Array(n).fill(null)

Laporan Ringkasan Akhir .. Drrruummm Rolll -

Ini adalah kode terpendek untuk menghasilkan Array ukuran N (di sini 10) tanpa menggunakan ES6 . Versi Cocco di atas sudah dekat tapi bukan yang terpendek.

(function(n){for(a=[];n--;a[n]=n+1);return a})(10)

Tetapi pemenang yang tidak perlu dari golf Kode ini (persaingan untuk memecahkan masalah tertentu dalam byte kode sumber paling sedikit) adalah Niko Ruotsalainen . Menggunakan Array Constructor dan operator penyebaran ES6 . (Sebagian besar sintaks ES6 adalah jenis huruf yang valid, tetapi mengikuti tidak. Jadi berhati-hatilah saat menggunakannya)

[...Array(10).keys()]

Ada cara lain dalam ES6, menggunakan Array.from yang mengambil 2 argumen, yang pertama adalah arrayLike (dalam hal ini objek dengan lengthproperti), dan yang kedua adalah fungsi pemetaan (dalam hal ini kami memetakan item ke indeksnya)

Array.from({length:10}, (v,i) => i)

ini lebih pendek dan dapat digunakan untuk urutan lain seperti menghasilkan bilangan genap

Array.from({length:10}, (v,i) => i*2)

Juga ini memiliki kinerja yang lebih baik daripada kebanyakan cara lain karena hanya loop sekali melalui array. Periksa snippit untuk beberapa perbandingan

// open the dev console to see results

count = 100000

console.time("from object")
for (let i = 0; i<count; i++) {
  range = Array.from({length:10}, (v,i) => i )
}
console.timeEnd("from object")

console.time("from keys")
for (let i =0; i<count; i++) {
  range = Array.from(Array(10).keys())
}
console.timeEnd("from keys")

console.time("apply")
for (let i = 0; i<count; i++) {
  range = Array.apply(null, { length: 10 }).map(function(element, index) { return index; })
}
console.timeEnd("apply")

Menggunakan metode Array baru dan =>sintaks fungsi dari standar ES6 (hanya Firefox pada saat penulisan).

Dengan mengisi lubang dengan undefined:

Array(N).fill().map((_, i) => i + 1);

Array.frommengubah "lubang" menjadi undefinedbegitu Array.mapberfungsi seperti yang diharapkan:

Array.from(Array(5)).map((_, i) => i + 1)

for(var i,a=[i=0];i<10;a[i++]=i);

a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Dalam ES6:

Array.from({length: 1000}, (_, i) => i);

ES5:

Array.apply(0, {length: 1000}).map(function(x,i){return i});

Hanya versi ES6 lainnya .

Dengan memanfaatkan Array.fromargumen opsional kedua:

Array.from (arrayLike [, mapFn [, thisArg]])

Kita dapat membangun array bernomor dari Array(10)posisi kosong :

Array.from(Array(10), (_, i) => i)

var arr = Array.from(Array(10), (_, i) => i);
document.write(arr);

Tampaknya satu-satunya rasa yang saat ini tidak ada dalam daftar jawaban yang agak lengkap ini adalah yang menampilkan generator; jadi untuk memperbaiki itu:

const gen = N => [...(function*(){let i=0;while(i<N)yield i++})()]

yang dapat digunakan demikian:

gen(4) // [0,1,2,3]

Hal yang menyenangkan tentang ini adalah Anda tidak hanya perlu menambah ... Untuk mengambil inspirasi dari jawaban yang diberikan @ igor-shubin, Anda dapat membuat susunan tebusan dengan sangat mudah:

const gen = N => [...(function*(){let i=0;
  while(i++<N) yield Math.random()
})()]

Dan bukan sesuatu yang panjang operasional mahal seperti:

const slow = N => new Array(N).join().split(',').map((e,i)=>i*5)
// [0,5,10,15,...]

Anda bisa melakukannya:

const fast = N => [...(function*(){let i=0;while(i++<N)yield i*5})()]

Anda dapat menggunakan isi Array dan memetakan dari Es6; seperti beberapa orang yang menyarankan jawaban yang mereka berikan untuk pertanyaan ini. Berikut adalah beberapa contoh:

Example-One: Array(10).fill(0).map((e,i)=>i+1)

Result-One: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Example-Two: Array(100/10).fill(0).map((e,i)=>(i*10)+10)

Result-Two:[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]

Saya lebih suka ini karena saya merasa lurus dan mudah.

Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));

Sumber: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from

Menggunakan ES6

const generateArray = n => [...Array(n)].map((_, index) => index + 1);

Object.keys(Array.apply(0, Array(3))).map(Number)

Pengembalian [0, 1, 2]. Sangat mirip dengan jawaban sempurna Igor Shubin , tetapi dengan sedikit tipu daya (dan satu karakter lebih lama).

Penjelasan:

• Array(3) // [undefined × 3]Hasilkan array dengan panjang n = 3. Sayangnya array ini hampir tidak berguna bagi kita, jadi kita harus ...
• Array.apply(0,Array(3)) // [undefined, undefined, undefined]membuat array iterable. Catatan: null lebih umum sebagai arg pertama yang berlaku tetapi 0 lebih pendek.
• Object.keys(Array.apply(0,Array(3))) // ['0', '1', '2'] kemudian dapatkan kunci-kunci array (berfungsi karena Array adalah tipe array adalah objek dengan indeks untuk kunci.
• Object.keys(Array.apply(0,Array(3))).map(Number) // [0, 1, 2] dan memetakan di atas tombol, mengubah string menjadi angka.