当操作数组（Array）时，经常会使用 .length 属性来确定数组长度。但是，在某些情况下，.length 属性返回的值可能不是你所期望的数字，而是 undefined。本文将深入探讨 array.length 返回 undefined 的原因，以及如何避免这种情况。
原因分析
在 JavaScript 中，Array 是一种特殊的对象类型。与普通对象不同，Array 对象有一个自带的 length 属性，该属性表示数组中元素的数量。例如：
const arr = [1, 2, 3]; console.log(arr.length); // 3
然而，如果数组中包含稀疏项（sparse items），即未定义或已被删除的元素，则 .length 方法可能会返回 undefined。例如：
-- -------------------- ---- ------- ----- --- - --- ------- - -------- ------------------------ -- -- ------ -------- ------------------------ -- -- ------ - -------- ------------------------ -- -- ---------- - -- ----------------- -- ------ - -- ------------------------ -- - ---------- - --- ----------------- -- ------ - -- ---------- ----- - -- ------------------------ -- --
从上面的示例代码可以看出，如果数组中间有空洞或者已经被删除的元素，那么 array.length 返回的值就不一定是期望的数组长度。
避免出现 undefined
为避免 array.length 返回 undefined，可以使用以下方法：
1. 确保数组中没有空洞或者已删除元素
当数组中间有空洞或者已删除元素时，.length 方法返回的值可能并不准确。因此，在创建数组时，应该尽量避免这种情况。如果必须使用空洞或者已删除元素，应该在使用 .length 属性之前先对数组进行修复，确保它们处于连续的位置。
-- -------------------- ---- ------- ----- --- - --- ------ - ---- ------ - ---- ------ - ---- ----------------- -- - ---- -- ----- ------ ---- --- - -- --- ------- ------ ------------- -- ----------- ----------------- -- - ---- ---------- -- ----- ------ ---- --- - ------------------------ -- -
2. 使用 Array.from() 方法来创建数组
另一种方法是使用 Array.from() 方法来创建数组，该方法会自动忽略空洞和已删除元素，从而生成一个连续的数组。
const arr = Array.from({ length: 4 }, (_, i) => i + 1);
console.log(arr); // [1, 2, 3, 4]
console.log(arr.length); // 43. 使用 for 循环遍历数组
使用 for 循环遍历数组时，可以使用 .length 属性作为循环条件，这样可以避免访问到空洞和已删除元素。
const arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}总结
JavaScript 中的数组是一种特殊的对象类型，具有自带的 length 属性。当数组中存在空洞或者已删除元素时，.length 方法返回的值可能会不准确，甚至是 undefined。为了避免出现这种情况，我们应该尽可能避免创建包含空洞或者已删除元素的数组，或在必要时先对数组进行修复。另外，我们也可以使用 Array.from() 方法来创建
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28079