传统浏览器友好数组构造函数

如果您想要跨浏览器友好的解决方案，您仍然无法击败for循环。这一行仍然适用于20多年的浏览器，包括Internet Explorer 5-11（1998年至今）。

for(var arr=[],i=0;i<10;i++){arr[i]=i+1};

alert(arr);// <<< [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

否则，这在现代HTML5浏览器中有效。。。

const arr = Array(10).fill().map((v,i)=>++i)

alert(arr);// <<< [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

在ES6中，您可以执行以下操作：

数组（N）.fill（）.map（（e，i）=>i+1）；

http://jsbin.com/molabiluwa/edit?js安慰

编辑：更新问题后，将数组（45）更改为数组（N）。

控制台日志(数组（45）.填充（0）.映射（（e，i）=>i+1）);

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

然后由调用

var foo = range(1, 5);

在Javascript中没有内置的方法来实现这一点，但如果您需要多次执行，则可以创建一个非常有效的实用程序函数。

编辑：在我看来，以下是一个更好的范围函数。也许只是因为我对LINQ有偏见，但我认为它在更多情况下更有用。您的里程数可能有所不同。

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;
}

可以使用函数生成器或函数*表达式。这里是[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/function]以及对函数生成器链接的引用[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function].

设a=1，b=10；

函数*范围（a，b）{对于（var i=a；i<=b；++i）收益率i；}

数组.来自（范围（a，b））；// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

[…范围（a，b）]// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

表演

今天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>此代码段仅显示性能测试中使用的函数-它本身不执行测试！

下面是铬的示例结果

我能想出的最简洁的办法是：

[...''.padEnd(N)].map((_,i)=>i+1)