我正在寻找以下方法的任何替代方法，以创建包含1到N的JavaScript数组，其中N仅在运行时已知。
var foo = [];
for (var i = 1; i <= N; i++) {
foo.push(i);
}
对我来说，我觉得应该有一种不用循环的方法。
当前回答
对以上内容进行改进：
var range = function (n) {
return Array(n).join().split(',').map(function(e, i) { return i; });
}
可以获得以下选项：
1） Array.init设置为值v
var arrayInitTo = function (n,v) {
return Array(n).join().split(',').map(function() { return v; });
};
2） 获得反向范围：
var rangeRev = function (n) {
return Array(n).join().split(',').map(function() { return n--; });
};
其他回答
使用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）
Fast
这个解决方案可能是最快的——它是由lodash_.range函数启发而来的（但我的更简单、更快）
设N=10，i=0，a=阵列（N）；而（i<N）a[i++]=i；控制台日志（a）；
与当前（2020.12.11）相比，基于while/for的现有答案的性能优势
内存在开始时由a=数组（N）分配一次使用了增加索引i++——看起来比减少索引i快30%左右——（可能是因为CPU缓存在正向上更快）
在此答案中，使用了20多种其他解决方案进行了速度测试
可以使用Int8Array、Int16Array和Int32Array创建范围从1到n的数组，如下所示：
const zeroTo100 = new Int8Array(100).map((curr, index) => curr = index + 1);
/* Int8Array(100) [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16,
17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35,
36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54,
55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73,
74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92,
93, 94, 95, 96, 97, 98, 99, 100]
还可以使用以下类型化数组在数组中生成1到n个项。
Uint8Array、Uint16Array和Uint32ArrayBigInt64阵列Uint8约束阵列浮置阵列32、浮置阵列64
当然，除了数字之外，您无法在这些数组中放置任何东西，所以使用这个小快捷方式会带来风险。
此外，如果您只需要一个包含n个零的数组，那么只需执行以下操作：
const arr_100_0s = new Int8Array(100)
编辑：您可以使用它快速生成范围，如下所示：
function range(start, end) {
const arr = new Int8Array(end - start + 1).map((curr, i) => curr + i + start);
return arr;
}
range(15, 30); // Int8Array(16) [15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30]
不完全符合用户的要求，但与IMO高度相关。
https://stackoverflow.com/a/49577331/8784402
使用Delta
对于javascript
smallest and one-liner[...Array(N)].map((v, i) => from + i * step);
示例和其他备选方案
Array.from(Array(10).keys()).map(i => 4 + i * 2);
//=> [4, 6, 8, 10, 12, 14, 16, 18, 20, 22]
[...Array(10).keys()].map(i => 4 + i * -2);
//=> [4, 2, 0, -2, -4, -6, -8, -10, -12, -14]
Array(10).fill(0).map((v, i) => 4 + i * 2);
//=> [4, 6, 8, 10, 12, 14, 16, 18, 20, 22]
Array(10).fill().map((v, i) => 4 + i * -2);
//=> [4, 2, 0, -2, -4, -6, -8, -10, -12, -14]
[...Array(10)].map((v, i) => 4 + i * 2);
//=> [4, 6, 8, 10, 12, 14, 16, 18, 20, 22]
const range = (from, to, step) =>
[...Array(Math.floor((to - from) / step) + 1)].map((_, i) => from + i * step);
range(0, 9, 2);
//=> [0, 2, 4, 6, 8]
// can also assign range function as static method in Array class (but not recommended )
Array.range = (from, to, step) =>
[...Array(Math.floor((to - from) / step) + 1)].map((_, i) => from + i * step);
Array.range(2, 10, 2);
//=> [2, 4, 6, 8, 10]
Array.range(0, 10, 1);
//=> [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
Array.range(2, 10, -1);
//=> []
Array.range(3, 0, -1);
//=> [3, 2, 1, 0]
class Range {
constructor(total = 0, step = 1, from = 0) {
this[Symbol.iterator] = function* () {
for (let i = 0; i < total; yield from + i++ * step) {}
};
}
}
[...new Range(5)]; // Five Elements
//=> [0, 1, 2, 3, 4]
[...new Range(5, 2)]; // Five Elements With Step 2
//=> [0, 2, 4, 6, 8]
[...new Range(5, -2, 10)]; // Five Elements With Step -2 From 10
//=>[10, 8, 6, 4, 2]
[...new Range(5, -2, -10)]; // Five Elements With Step -2 From -10
//=> [-10, -12, -14, -16, -18]
// Also works with for..of loop
for (i of new Range(5, -2, 10)) console.log(i);
// 10 8 6 4 2
const Range = function* (total = 0, step = 1, from = 0) {
for (let i = 0; i < total; yield from + i++ * step) {}
};
Array.from(Range(5, -2, -10));
//=> [-10, -12, -14, -16, -18]
[...Range(5, -2, -10)]; // Five Elements With Step -2 From -10
//=> [-10, -12, -14, -16, -18]
// Also works with for..of loop
for (i of Range(5, -2, 10)) console.log(i);
// 10 8 6 4 2
// Lazy loaded way
const number0toInf = Range(Infinity);
number0toInf.next().value;
//=> 0
number0toInf.next().value;
//=> 1
// ...
带步长/增量的从到
using iteratorsclass Range2 {
constructor(to = 0, step = 1, from = 0) {
this[Symbol.iterator] = function* () {
let i = 0,
length = Math.floor((to - from) / step) + 1;
while (i < length) yield from + i++ * step;
};
}
}
[...new Range2(5)]; // First 5 Whole Numbers
//=> [0, 1, 2, 3, 4, 5]
[...new Range2(5, 2)]; // From 0 to 5 with step 2
//=> [0, 2, 4]
[...new Range2(5, -2, 10)]; // From 10 to 5 with step -2
//=> [10, 8, 6]
const Range2 = function* (to = 0, step = 1, from = 0) {
let i = 0,
length = Math.floor((to - from) / step) + 1;
while (i < length) yield from + i++ * step;
};
[...Range2(5, -2, 10)]; // From 10 to 5 with step -2
//=> [10, 8, 6]
let even4to10 = Range2(10, 2, 4);
even4to10.next().value;
//=> 4
even4to10.next().value;
//=> 6
even4to10.next().value;
//=> 8
even4to10.next().value;
//=> 10
even4to10.next().value;
//=> undefined
对于字体
class _Array<T> extends Array<T> {
static range(from: number, to: number, step: number): number[] {
return Array.from(Array(Math.floor((to - from) / step) + 1)).map(
(v, k) => from + k * step
);
}
}
_Array.range(0, 9, 1);
您可以这样做：
var N = 10;
Array.apply(null, {length: N}).map(Number.call, Number)
结果：[0，1，2，3，4，5，6，7，8，9]
或具有随机值：
Array.apply(null, {length: N}).map(Function.call, Math.random)
结果：[0.782694901619107，0.9572225909214467，0.8586748542729765，0.8653848143294454, 0.008339877473190427, 0.9911756622605026, 0.8133423360995948, 0.8377588465809822, 0.5577575915958732, 0.16363654541783035]
解释
首先，注意Number.call（undefined，N）等同于Number（N），它只返回N。我们稍后将使用这个事实。
Array.apply（null，[undefined，undefineed，undefinded]）等同于Array（undefine，undefine，undefide），它生成一个三元素数组，并为每个元素分配undefine。
如何将其推广到N个元素？考虑一下Array（）的工作原理，大致如下：
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;
}
自ECMAScript 5以来，Function.pr原型.apply（thisArg，argsArray）也接受鸭子类型的类似数组的对象作为其第二个参数。如果我们调用Array.apply（null，｛length:N｝），那么它将执行
function Array() {
var a = [];
for (var i = 0; i < /* arguments.length = */ N; i++) {
a.push(/* arguments[i] = */ undefined);
}
return a;
}
现在我们有一个N元素数组，每个元素都设置为undefined。当我们对其调用.map（callback，thisArg）时，每个元素都将被设置为callback.call（thisArg，element，index，array）的结果。因此，[未定义，未定义，…，未定义].map（Number.call，Number）会将每个元素映射到（Number.call）.call（Number，undefined，index，array），这与Number.ccall（undefineed，index，array）相同，正如我们之前所观察到的，它的计算结果为index。这就完成了元素与其索引相同的数组。
为什么要解决Array.apply（null，{length:N}）而不是Array（N）的问题？毕竟，这两个表达式都会产生一个未定义元素的N元素数组。不同之处在于，在前一个表达式中，每个元素都被显式设置为undefined，而在后一个表达式，每个元素从未被设置。根据.map（）的文档：
回调仅对已赋值数组的索引调用；对于已删除或从未赋值的索引，不会调用它。
因此，Array（N）不足；数组（N）.map（Number.call，Number）将导致长度为N的未初始化数组。
兼容性
由于该技术依赖于ECMAScript 5中指定的Function.protype.apply（）的行为，因此它在之前的ECMAScript5浏览器（如Chrome 14和Internet Explorer 9）中不起作用。
推荐文章
- 使用jQuery改变输入字段的类型
- 在JavaScript中，什么相当于Java的Thread.sleep() ?
- 使用jQuery以像素为整数填充或边距值
- 检查是否选择了jQuery选项，如果没有选择默认值
- Next.js React应用中没有定义Window
- 如何重置笑话模拟函数调用计数之前，每次测试
- 如何强制一个功能React组件渲染?
- Java 8流和数组操作
- 在javascript中从平面数组构建树数组
- 将Dropzone.js与其他字段集成到现有的HTML表单中
- 如何在AngularJS中观察路由变化?
- JavaScript DOM删除元素
- 将dd-mm-yyyy字符串转换为日期
- Javascript复选框onChange
- Javascript函数前导bang !语法
