TypeScript Array清空数组
在 TypeScript 中，数组是一种常见的数据结构，用于存储一系列的元素。当我们需要删除数组中的所有元素时，可以使用不同的方法来清空数组。本文将介绍几种常见的清空数组的方法，并提供相应的 TypeScript 代码示例。
方法一：重新赋值为空数组
最简单的方法是将数组重新赋值为空数组。这样做会创建一个新的空数组，并丢弃原始数组中的所有元素。
let arr: number[] = [1, 2, 3, 4, 5];
arr = [];
这种方法很直观，但注意要确保没有其他引用指向原始数组，否则其他引用将不会被清空。
方法二：使用数组的splice方法
数组的 splice 方法可以用于删除元素，我们可以利用它来删除数组中的所有元素。 splice 方法接受两个参数，第一个参数是要删除的起始位置，第二个参数是要删除的元素个数。通过设置起始位置为0，且删除的元素个数为数组的长度，就可以清空整个数组。
let arr: number[] = [1, 2, 3, 4, 5];
arr.splice(0, arr.length);
这种方法会直接修改原始数组，将其清空。
方法三：使用数组的pop方法
pop 方法用于删除并返回数组的最后一个元素。我们可以在循环中重复调用 pop 方法，直到数组为空，从而清空整个数组。
let arr: number[] = [1, 2, 3, 4, 5];
while (arr.length) {
arr.pop();
}
这种方法会修改原始数组，并逐个删除元素，因此性能可能会受到影响。
方法四：使用数组的length属性
数组的 length 属性可以获取或设置数组的长度。我们可以将数组的 length 属性设置为0，从而清空整个数组。
let arr: number[] = [1, 2, 3, 4, 5];
arr.length = 0;
这种方法会修改原始数组，并将其长度设置为0，从而清空整个数组。
方法五：使用类型断言
如果我们定义数组时指定了其类型，可以使用类型断言将其重新赋值为空数组。类型断言可以将一个值断言为指定的类型，相当于告诉编译器 "我知道这个值的类型是什么"。
let arr: number[] = [1, 2, 3, 4, 5];
arr = [] as number[];
这种方法需要在重新赋值时使用类型断言，将空数组断言为与原始数组相同的类型。
性能比较
对于清空数组这个简单的操作，性能的差异可能并不明显。一般情况下，方法一（重新赋值为空数组）和方法三（使用数组的pop方法）性能较好，而方法二（使用数组的splice方法）和方法四（使用数组的length属性）性能较差。方法五（使用类型断言）的性能取决于类型断言的开销，可能存在一定的性能损失。
序列图
下面是一个使用 pop 方法清空数组的示例的序列图：
sequenceDiagram
participant User
participant Array
User->>Array: 声明并初始化数组
User->>Array: 循环调用pop方法
Array->>Array: 删除并返回最后一个元素
alt 数组不为空
Array->>User: 返回最后一个元素
else 数组为空
Array->>User: 返回undefined
end
旅行图
下面是对比不同方法的性能和使用场景的旅行图：
journey
title 清空数组方法性能比较
section 方法一
description 最简单的方法，适用于不需要考虑其他引用的情况
section 方法二
description 使用splice方法，直接修改原始数组
section 方法三
description 使用pop方法逐个删除元素
section 方法四
description 使用length属性，将数组长度设置为0
section
