如何在javascript中创建数字数组

572 阅读1分钟

这是一个关于如何用数字序列创建数组的简短教程。

本教程涵盖了多种方法,我们可以做到

如何在javascript中为一个给定的范围创建一个数字数组?

使用for loop ,用初始数字分配索引,并以1递增,直到数字结束,并向数组添加索引。

下面是一个例子,创建一个1到50的序列号数组。

var numbers = [];
for (var i = 1; i <= 50; i++) {
    numbers.push(i);
}
console.log(numbers)

输出:

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

使用ES6的传播操作符

es6提供的spread操作符 用来包含一个数组的值。

使用es6中的spread operator和keys方法生成的数字序列

var array = [...Array(10).keys()];
console.log(array)

输出:

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

另外,你可以使用Arrays.from()函数来代替spread operator

var array = Array.from(Array(10).keys());
console.log(array)

以上两个例子从0开始生成数字。

如果你想从1开始生成,这里有一段代码。它使用了箭头函数,其值以1为单位递增。

var array = Array.from(Array(10).keys(),n=>n+1);
console.log(array)

输出:

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

洛达什范围函数

如果应用程序使用lodash 库,它提供了一个范围函数,可以用最小和最大值的范围进行迭代。语法。

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

这里有一个

start:是一个起始数或初始数,Stop: 是需要递增的最大值。Step: 需要递增多少值,默认是1。

输出:

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

次函数用于循环给定次数的迭代,每次迭代都调用回调函数。

_.times(numberoftimes,callbackfunction);

number:它用给定的回调函数进行多次迭代。callbackfunction :每次迭代都调用这个函数

array = [];
_.times( 5, function( i ){ array.push( i ++ ) } );

输出:

[1, 2, 3, 4, 5]

结论

学习在javascript中为给定的最小和最大值创建一个序列号数组的多种方法