在 JavaScript 中，我们经常使用对象数组来存储和操作数据。然而，有时候我们会发现在对象数组上调用 length 属性返回的值并不是我们期望的那样。本文将深入探讨这个问题的原因，并提供一些解决方法和指导意义。
问题描述
首先，让我们看一个例子：
const arr = [{ name: 'Alice' }, { name: 'Bob' }, { name: 'Charlie' }];
console.log(arr.length); // 输出 3这个例子中，我们创建了一个对象数组 arr，包含三个元素。我们希望通过调用 length 属性来获取它的长度，但是我们得到的结果是 3，这似乎没有问题。
现在，让我们尝试给数组添加一个额外的属性：
arr.foo = 'bar'; console.log(arr.length); // 输出 3
再次调用 length 属性，我们仍然得到了 3。这有点奇怪，因为我们在数组上添加了一个新的属性，但它并没有改变数组的长度。
接下来，我们尝试给对象数组中的某个元素添加一个新的属性：
arr[0].age = 30; console.log(arr.length); // 输出 3
同样地，我们得到的结果仍然是 3，即使我们已经成功地将第一个对象的 age 属性设置为 30。
这种行为似乎与我们对 JavaScript 数组的期望不同。让我们进一步了解它背后的原因。
JavaScript 数组的本质
在 JavaScript 中，数组本质上是一个特殊类型的对象。它具有从 Object.prototype 继承来的属性和方法，同时还有一些额外的属性和方法，如 length、push 和 forEach 等。
但是，在 JavaScript 中，只有数字索引才会影响数组的长度。也就是说，如果你使用非数字索引来访问数组元素，那么它不会影响数组的长度。例如：
arr['foo'] = 'bar'; console.log(arr.length); // 输出 3
在这个例子中，我们使用了一个字符串 'foo' 作为索引，给数组添加了一个新的属性。但是，这并没有改变数组的长度，因为它不是一个有效的数字索引。
同样地，在一个对象数组中，你可以通过对象的属性或方法修改它的值，但这并不会影响数组的长度。因为对象实际上只是数组中的一个元素，而不是一个单独的数组。例如：
arr[0].age = 30; console.log(arr.length); // 输出 3
在这个例子中，我们修改了第一个对象的 age 属性，但这并没有改变数组的长度，因为数组仍然只包含三个元素。
解决方法
虽然我们不能通过修改对象或添加非数字属性来改变数组的长度，但我们可以使用一些其他的方法来实现相同的效果。
使用 push 方法
push 方法用于向数组的末尾添加一个新元素，并返回数组的新长度。例如：
arr.push({ name: 'Dave' });
console.log(arr.length); // 输出 4在这个例子中，我们使用 push 方法向数组添加了一个新的对象，成功地改变了数组的长度。
使用 splice 方法
splice 方法可以用来删除数组中的元素、插入新元素或者替换已有元素。它也会返回被修改后的数组长度。例如：
arr.splice(1, 1); // 删除第二个元素
console.log(arr.length); // 输出 2
arr.splice(1, 0, {
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/14314) ，转载请注明来源
[https://www.javascriptcn.com/post/14314](https://www.javascriptcn.com/post/14314)