JavaScript数组长度设为0后，元素值为何变为NaN？

JavaScript数组长度设为0的意外行为

将JavaScript数组的长度设置为0，其行为并非简单地清空数组，而是会引发一些意想不到的结果。让我们来看一个例子：

const arr = [1, 2, 3];
const val = arr[1]; // val现在等于2
arr.length = 0;
console.log(arr); // 输出：[]
console.log(val); // 输出：NaN

你可能预期val的值仍然是2，但实际上它变成了NaN。这是为什么呢？

原因解释：

arr.length = 0; 并没有真正删除数组中的元素，而是重置了数组的长度。数组的底层存储空间仍然存在，只是不再被数组对象管理。 val变量仍然持有对原数组中索引为1的元素的引用，但由于该元素已不再属于数组，访问它将返回NaN。

安全地清空数组

为了彻底清空数组，避免此类问题，建议使用以下方法：

• arr.length = 0; 后再赋值 null 或重新赋值一个空数组： 这可以更明确地表示数组已清空，避免潜在的内存泄漏问题。

const arr = [1, 2, 3];
arr.length = 0;
arr = []; // 或者 arr = null;

• 使用splice()方法： splice()方法可以删除数组中的元素，并返回被删除的元素。

const arr = [1, 2, 3];
arr.splice(0, arr.length); // 从索引0开始，删除arr.length个元素
console.log(arr); // 输出：[]

• 创建新数组： 最直接的方法，创建一个新的空数组。

const arr = [1, 2, 3];
arr = [];

总之，在操作JavaScript数组长度时，需谨慎处理，选择合适的方法彻底清空数组，避免因引用失效导致的NaN等异常情况。 arr.length = 0 虽然看起来简洁，但它只是缩短了数组的长度，并没有真正释放内存或删除元素的引用，因此不推荐在需要完全清空数组时使用。