JS 中的 range 命令 - Javascript

在 JavaScript 中，range 命令用于创建一个包含指定范围内所有元素的数组。

语法

let arr = Array.from({length: num}, (v, i) => i + startIndex);

• num：代表要创建数组的长度。
• startIndex：代表数组第一个元素的值，默认为 0。

示例

// 创建一个包含 0-9 所有元素的数组
let arr = Array.from({length: 10}, (v, i) => i);
console.log(arr); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

// 创建一个包含 2-7 所有元素的数组
let arr2 = Array.from({length: 6}, (v, i) => i + 2);
console.log(arr2); // [2, 3, 4, 5, 6, 7]

我们可以看到，在上面两个示例中，使用 range 命令创建了包含指定范围内所有元素的数组，这对于一些需要处理大量数据的场景非常实用。

兼容性

在 ECMAScript 6 中，Array.from() 函数被引入，因此 range 命令在兼容性方面有限制。在这种情况下，您可以使用以下代码替代 range 命令：

let arr = [...Array(num).keys()].map(i => i + startIndex);

虽然这段代码比 range 命令稍微长一些，但它与所有现代浏览器兼容。

总结

在大多数情况下，使用 range 命令可以使代码更加简洁、易于理解，并且性能更好，所以建议在浏览器环境下使用。但是在某些需要使用较老浏览器的情况下，您应该尝试使用替代方案，如使用 ES6 中的 Array.from() 方法或手动编写一个循环。