要紧密复制的类型脚本函数

/**
 * Create a generator from 0 to stop, useful for iteration. Similar to range in Python.
 * See: https://stackoverflow.com/questions/3895478/does-javascript-have-a-method-like-range-to-generate-a-range-within-the-supp
 * See: https://docs.python.org/3/library/stdtypes.html#ranges
 * @param {number | BigNumber} stop
 * @returns {Iterable<number>}
 */
export function range(stop: number | BigNumber): Iterable<number>
/**
 * Create a generator from start to stop, useful for iteration. Similar to range in Python.
 * See: https://stackoverflow.com/questions/3895478/does-javascript-have-a-method-like-range-to-generate-a-range-within-the-supp
 * See: https://docs.python.org/3/library/stdtypes.html#ranges
 * @param {number | BigNumber} start
 * @param {number | BigNumber} stop
 * @returns {Iterable<number>}
 */
export function range(
  start: number | BigNumber,
  stop: number | BigNumber,
): Iterable<number>

/**
 * Create a generator from start to stop while skipping every step, useful for iteration. Similar to range in Python.
 * See: https://stackoverflow.com/questions/3895478/does-javascript-have-a-method-like-range-to-generate-a-range-within-the-supp
 * See: https://docs.python.org/3/library/stdtypes.html#ranges
 * @param {number | BigNumber} start
 * @param {number | BigNumber} stop
 * @param {number | BigNumber} step
 * @returns {Iterable<number>}
 */
export function range(
  start: number | BigNumber,
  stop: number | BigNumber,
  step: number | BigNumber,
): Iterable<number>
export function* range(a: unknown, b?: unknown, c?: unknown): Iterable<number> {
  const getNumber = (val: unknown): number =>
    typeof val === 'number' ? val : (val as BigNumber).toNumber()
  const getStart = () => (b === undefined ? 0 : getNumber(a))
  const getStop = () => (b === undefined ? getNumber(a) : getNumber(b))
  const getStep = () => (c === undefined ? 1 : getNumber(c))

  for (let i = getStart(); i < getStop(); i += getStep()) {
    yield i
  }
}

方便的函数来完成这个技巧，请运行下面的代码片段

功能范围（开始、结束、步长、偏移）{var len=（数学.abs（结束-开始）+（（偏移量||0）*2））/（步骤||1）+1；var方向=开始<结束？1 : -1;var startingPoint=开始-（方向*（偏移||0））；var stepSize=方向*（步骤||1）；return Array（len）.fill（0）.map（函数（_，索引）{return startingPoint+（stepSize*索引）；});}console.log（'范围（1，5）=>'+范围（1、5））；console.log（'范围（5，1）=>'+范围（5、1））；console.log（'范围（5，5）=>'+范围（5、5））；console.log（'范围（-5，5）=>'+范围（-5、5））；console.log（'范围（-10，5，5）=>'+范围（-10、5，5））；console.log（'范围（1，5，1，2）=>'+范围（1、5、1，2；

下面是如何使用它

范围（开始，结束，步长=1，偏移=0）；

包括-前进档（5,10）//[5，6，7，8，9，10]包括-向后范围（10,5）//[10，9，8，7，6，5]后退范围（10,2,2）//[10，8，6，4，2]排他-前进范围（5,10,0，-1）//[6,7,8,9]而不是5,10本身偏移-扩展范围（5,10,0,1）//[4，5，6，7，8，9，10，11]偏移-收缩范围（5,10,0，-2）//[7，8]步进-扩展范围（10,0,2,2）//[12，10，8，6，4，2，0，-2]

希望你觉得它有用。

这就是它的工作原理。

基本上，我首先计算得到的数组的长度，并创建一个长度为零的填充数组，然后用所需的值填充

（step | |1）=>其他类似的方法使用step的值，如果没有提供，则使用1我们首先使用（Math.abs（end-start）+（（offset | |0）*2））/（step | |1）+1）计算结果数组的长度，以使其更简单（两个方向上的差值*offset/step）获得长度后，我们使用newArray（length）.fill（0）创建一个带有初始化值的空数组；在此处检查现在我们有一个数组[0,0,0，..]，其长度是我们想要的。我们对其进行映射，并使用array.map（function（）｛｝）返回一个具有所需值的新数组var方向=开始<结束？1 : 0; 显然，如果起点不小于终点，我们就需要后退。我的意思是从0到5，反之亦然在每次迭代中，startingPoint+stepSize*索引将为我们提供所需的值

这个也反过来。

const range = ( a , b ) => Array.from( new Array( b > a ? b - a : a - b ), ( x, i ) => b > a ? i + a : a - i );

range( -3, 2 ); // [ -3, -2, -1, 0, 1 ]
range( 1, -4 ); // [ 1, 0, -1, -2, -3 ]

对一些不同的范围函数进行了研究。检查执行这些函数的不同方法的jsperf比较。当然不是一个完美或详尽的列表，但应该有帮助：）

获胜者是。。。

function range(lowEnd,highEnd){
    var arr = [],
    c = highEnd - lowEnd + 1;
    while ( c-- ) {
        arr[c] = highEnd--
    }
    return arr;
}
range(0,31);

从技术上讲，它不是firefox上最快的，但铬合金上的疯狂速度差（imho）弥补了这一点。

还有一个有趣的观察是，与firefox相比，chrome使用这些阵列功能的速度要快得多。Chrome速度至少快4或5倍。

ES6

使用Array.from（此处为文档）：

const range = (start, stop, step) => Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));

d3还具有内置范围功能。

看见https://github.com/d3/d3-array#range:

d3.范围（[开始，]停止[，步骤]）

生成包含算术级数的数组，类似于Python内置范围。此方法通常用于迭代一系列数值或整数值，例如数组中的索引。与Python版本不同，参数不需要是整数，但如果是由于浮点精度，则结果更可预测。如果省略步骤，则默认为1。

例子：

d3.range(10)
// returns [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]