每日 30 秒 ⏱ 优雅初始化数组

38次阅读

共计 1162 个字符,预计需要花费 3 分钟才能阅读完成。

简介
找我请到 掘金 或者 Github 自己也维护不过来那么多站点,对不住大家了。

???? 更新平台多偶尔会漏掉,如果觉得文章还行点个 star 防走失。
???? 一天 30 秒 ⏱ 一段代码 ✍️ 一个场景 ???? ????
有时候会需要对数组进行一些初始化,最常用到的便是 for 循环:
let num = [];
for (let i = 0; i < 10; i++) {
// 做一些其他操作
// 或者返回一些值
num[i] = i;
}
其实有一些简单好用的小技巧可以帮助我们优雅的初始化数组:
Array.from
在支持 ES6 的时候可以利用 Array.from() 来初始化数组:
Array.from({length: 10}, (val, index) => {
// 做一些其他操作
// 或者返回一些值
return index;
})

Array.from(new Array(10), (val, index)=> {
// 做一些其他操作
// 或者返回一些值
return index;
});
Array.apply
在不支持 ES6 的时候可以利用 Array.apply() 来初始化数组:
Array.apply(null, {length: 10}).map(Function.call, (index, arr) => {
// 做一些其他操作
// 或者返回一些值
return index;
});

const num = Array.apply(null, {length: 5}).map(Function.call, Number);

// 输出 [0, 1, 2, 3, 4]
console.log(num)
spread
当需要快速创建类似 [0, 1, 2, …N] 这种数组时可以:
const num = […Array(5).keys()];

// 输出 [0, 1, 2, 3, 4]
console.log(num)
清空数组
除了初始化新的数组,对已有的数组进行清空操作也算半个初始化。如果直接对变量赋予新值 list=[] 虽然说以前清空了数组,但是旧值还放在内存之中,没被垃圾回收机制自动回收的话算是 内存泄露 了:
let first = [1,2,3];
let second = first;

// 清空
first = [];

// 输出 []
console.log(first);

// 输出 [1, 2, 3]
console.log(second);
不再用到的内存,没有及时释放,就叫做内存泄漏。
也可以利用 list.length = 0 来进行操作可以销毁掉数组里的所有内容,也将影响到其他引用。例子:
let first = [1,2,3];
let second = first;

// 清空
first.length = 0;

// 输出 []
console.log(first);

// 输出 [1, 2, 3]
console.log(second);
一起成长
如果您感觉有收获可以点赞关注激励我,也欢迎到 Github 加个 star。

本文原稿来自 PushMeTop

正文完
 0