表演

今天2020.12.11我在Chrome v87、Safari v13.1.2和Firefox v83上对macOS HighSierra 10.13.6进行了测试，以确定所选的解决方案。

后果

适用于所有浏览器

解决方案O（基于while）是最快的（除了Firefox for big N-但在那里很快）解决方案T在Firefox上最快解M，P对于小N很快溶液V（lodash）对于大N是快速的对于小N，溶液W、X是缓慢的溶液F缓慢

细节

我执行两个测试用例：

对于小N=10-您可以在这里运行对于大N=1000000，您可以在此处运行

下面的片段展示了所有测试的解决方案ABCDEFGH我JKLMNOPQRSTU五、W十、

函数A（N）{return Array.from（{length:N}，（_，i）=>i+1）}函数B（N）{return Array（N）.fill（）.map（（_，i）=>i+1）；}函数C（N）{return Array（N）.jjoin（）.split（'，'）.map（（_，i）=>i+1）；}函数D（N）{return Array.from（数组（N），（_，i）=>i+1）}函数E（N）{return Array.from（{length:N}，（_，i）=>i+1）}函数F（N）{return Array.from（｛length:N｝，Number.call，i=>i+1）}函数G（N）{return（数组（N）+“”）.split（'，'）.map（（_，i）=>i+1）}函数H（N）{return[…Array（N）.keys（）].map（i=>i+1）；}函数I（N）{return[…Array（N）.keys（）].map（x=>x+1）；}函数J（N）{return[…数组（N+1）.keys（）].sslice（1）}函数K（N）{return[…Array（N）.keys（）].map（x=>++x）；}函数L（N）{let arr；（arr=[…数组（N+1）.keys（）]）.shift（）；返回arr；}函数M（N）{var arr=[]；变量i=0；而（N-）arr.push（++i）；返回arr；}函数N（N）{变量a=[]，b=N；而（b-）a[b]=b+1；返回a；}函数O（N）{var a=阵列（N），b=0；而（b<N）a[b++]=b；返回a；}函数P（N）{var foo=[]；对于（var i=1；i<=N；i++）foo.push（i）；返回foo；}函数Q（N）{对于（var a=[]，b=N；b-；a[b]=b+1）；返回a；}函数R（N）{对于（变量i，a=[i=0]；i<N；a[i++]=i）；返回a；}函数S（N）{设foo，x；对于（foo=[x=N]；x；foo[x-1]=x--）；返回foo；}函数T（N）{返回新的Uint8Array（N）.map（（item，i）=>i+1）；}函数U（N）{返回“_”。重复（5）。拆分（“”）。映射（（_，i）=>i+1）；}函数V（N）{返回范围（1，N+1）；}函数W（N）{return[…（函数*（）｛让i＝0；while（i＜N）yield++i｝）（）]}函数X（N）{函数序列（最大值，步长=1）{返回{[Symbol.iiterat]：函数*（）{对于（设i=1；i<=max；i+=步长），得出i}}}返回[…序列（N）]；}[A、B、C、D、E、F、G、H、I、J、K、L、M、N、O、P、Q、R、S、T、U、V、W、X]。对于每个（F=>{console.log（`${f.name}${f（5）}`）；})<script src=“https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js“integrity=”sha512-90vH1Z83AJY9DmlWa8WkjkV79yfS2n2Oxhsi2dZbIv0nC4E6m5AbH8Nh156kkM7JePmqD6tcZsfad1ueoaovww==“crossrorigin=”匿名“></script>此代码段仅显示性能测试中使用的函数-它本身不执行测试！

下面是铬的示例结果

使用ES6标准中的新Array方法和=>函数语法（编写时仅限Firefox）。

通过用未定义的：

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

Array.from将“孔”转换为未定义，因此Array.map按预期工作：

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

在v8中填充数组的最快方法是：

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

结果将为：[0，1，2，3，4]

使用非常流行的Undercore_.range方法

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

ES6中还有另一种方法，使用Array.from，它接受两个参数，第一个是arrayLike（在本例中是具有长度属性的对象），第二个是映射函数（在本示例中，我们将项映射到其索引）

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

它更短，可用于生成偶数等其他序列

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

此外，这比大多数其他方式具有更好的性能，因为它只在阵列中循环一次。查看截图以进行一些比较

//打开开发控制台以查看结果计数=100000console.time（“来自对象”）for（设i=0；i<count；i++）{range=Array.from（{length:10}，（v，i）=>i）}console.timeEnd（“来自对象”）console.time（“来自按键”）for（设i=0；i<count；i++）{range=Array.from（Array（10）.keys（））}console.timeEnd（“来自按键”）console.time（“应用”）for（设i=0；i<count；i++）{range=Array.apply（null，｛length:10｝）.map（函数（元素，索引）｛return index；｝）}console.timeEnd（“应用”）

使用ES6的多种方式

使用扩展运算符（…）和键方法

[ ...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｝hack

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

关于广义形式的注记

通过将i+1更改为所需的表达式（例如i*2、-i、1+i*2和i%2等），上述所有形式都可以生成初始化为几乎任何所需值的数组。如果表达式可以用函数f表示，那么第一种形式就变得简单

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

示例：

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

由于数组在每个位置都是用undefined初始化的，因此v的值将是undefineed

展示所有表格的示例

让演示=（N）=>{控制台日志([…数组（N）.keys（）].map（（i）=>i+1），数组（N）.fill（）.map（（_，i）=>i+1），数组.from（数组（N），（_，i）=>i+1），Array.from（{length:N}，（_，i）=>i+1）)}演示（5）

具有自定义初始化函数f的更通用示例，即。

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

甚至更简单

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

让demo=（N，f）=>{控制台日志([…数组（N）.keys（）].map（f），数组（N）.fill（）.map（（_，i）=>f（i）），数组.from（数组（N），（_，i）=>f（i）），数组.从（｛长度：N｝，（_，i）=>f（i））)}演示（5，i=>2*i+1）