我正在寻找以下方法的任何替代方法,以创建包含1到N的JavaScript数组,其中N仅在运行时已知。
var foo = [];
for (var i = 1; i <= N; i++) {
foo.push(i);
}
对我来说,我觉得应该有一种不用循环的方法。
我正在寻找以下方法的任何替代方法,以创建包含1到N的JavaScript数组,其中N仅在运行时已知。
var foo = [];
for (var i = 1; i <= N; i++) {
foo.push(i);
}
对我来说,我觉得应该有一种不用循环的方法。
当前回答
Array(8).fill(0).map(Number.call, Number)
偷取Igors数字。可以使用技巧,但使用fill()稍微缩短。仅适用于ES6及以上版本。
其他回答
这个问题有很多复杂的答案,但只有一句简单的话:
[...Array(255).keys()].map(x => x + 1)
此外,虽然上面的内容写起来很短(很整洁),但我认为下面的内容要快一点(最大长度:
127,国际8,
255,Uint8,
32767,国际16,
65535、Uint16、,
2147483647,国际32,
4294967295,Uint32。
(基于最大整数值),这里还有关于类型化数组的更多信息):
(new Uint8Array(255)).map(($,i) => i + 1);
虽然这个解决方案也不太理想,因为它创建了两个数组,并使用了额外的变量声明“$”(不确定使用这个方法有什么方法可以解决这个问题)。我认为以下解决方案是实现这一目标的最快方法:
for(var i = 0, arr = new Uint8Array(255); i < arr.length; i++) arr[i] = i + 1;
在该语句之后的任何时候,您都可以在当前范围中简单地使用变量“arr”;
如果你想用它做一个简单的函数(带有一些基本的验证):
功能范围(最小、最大){min=min&&min.constructor==数字?最小值:0;!(max&&max.constructor==Number&&max>min)&&//布尔语句也可以用于void返回类型,如单行if语句。((最大值=最小值)&(最小值=0))//如果指定了一个“max”参数,那么首先检查它是否是一个数字,以及它是否大于min:如果是,保持不变;如果没有,那么就把它当作一开始没有“max”,“max”变为“min”(默认情况下,min变为0)对于(var i=0,arr=new(最大值<128?Int8阵列:最大值<256?Uint8阵列:最大值<32768?Int16阵列:最大值<65536?Uint16阵列:最大值<2147483648?Int32阵列:最大值<4294967296?Uint32阵列:大堆)(最大值-最小值);i<arr.length;i++)arr[i]=i+min;返回arr;}//如果需要,可以使用数组方法轻松循环range(1,11).forEach(x=>console.log(x));//或者如果你习惯了蟒蛇。。。在“你可以用”for。。。的“如果您需要单个值:对于(i范围(20202025))console.log(i);//或者如果你真的想用“for…”。。在“”中,您可以,但随后您只能访问密钥:对于(范围内的k(25,30))console.log(k);控制台日志(范围(1128).构造器名称,范围(200).构造器名称,范围(400900).结构名称,范围(33333).结构名称,范围(823100000).结构名称,range(10,4)//当“min”参数大于“max”时,它只会认为没有“max”,新的max变为“min”,“min”变为0,就好像“max”从未被写入);
因此,通过上述功能,上述超慢的“简单一行”变成了超快,甚至更短:
range(1,14000);
在ES6中,您可以执行以下操作:
数组(N).fill().map((e,i)=>i+1);
http://jsbin.com/molabiluwa/edit?js安慰
编辑:更新问题后,将数组(45)更改为数组(N)。
控制台日志(数组(45).填充(0).映射((e,i)=>i+1));
对于小范围,切片是不错的。N仅在运行时已知,因此:
[0, 1, 2, 3, 4, 5].slice(0, N+1)
使用非常流行的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(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)