JavaScript高效创建100长度数组的六种方式
作者:烛阴
本文介绍了六种高效创建100长度数组的方法,包括使用Array构造函数、Array.from、fill、map结合fill、扩展运算符和keys属性,以及手动循环法,每种方法都有其特点和适用场景,需要的朋友可以参考下
1. 使用Array构造函数——最原始但常用
const arr = new Array(100); console.log(arr.length); // 100 console.log(arr); // [ <100 empty items> ]
优缺点解析:
- 快速声明指定长度的空槽数组
- 需要注意:此时每个元素都是 empty,不可直接
.map
或遍历赋值
2. Array.from的妙用——推荐的现代写法
const arr = Array.from({ length: 100 }); console.log(arr.length); // 100 console.log(arr); // [undefined, ..., undefined] 共100项
实用变形:生成0~99数组
const seq = Array.from({ length: 100 }, (_, i) => i); // [0, 1, 2, ..., 99]
面试官可能会追问:Array.from
的第二参数mapFn
到底有什么用?上面已经做了经典演示啦!
3. fill方法——填充你的数组
const arr = new Array(100).fill(0); // [0, 0, ..., 0]
注意:填充对象或数组的话,都是同一个引用,记得区分场景。
4. map结合fill解锁序列化
const arr = new Array(100).fill().map((_, i) => i); // [0, 1, 2, ..., 99]
原理洞察:只有经过fill
填充,map
才会遍历全部元素!
5. 扩展运算符 + keys属性的骚操作
const arr = [...Array(100)]; // [undefined, undefined, ..., undefined] const arrSeq = [...Array(100).keys()]; // [0, 1, 2, ..., 99]
隐藏技巧:.keys()
返回的是数组索引的迭代器,用扩展运算符轻松转数组!
6. 手动循环法(暴力可靠,适合定制)
const arr = []; for(let i=0; i<100; i++){ arr.push(i); // 或其他任何初始值 }
适用场景:对每个元素生成有特殊逻辑需求时,非常自由。
结语
到此这篇关于JavaScript高效创建100长度数组的六种方式的文章就介绍到这了,更多相关JavaScript创建100长度数组内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!