JS数组大小|极客笔记

JS数组大小

在JavaScript中，数组是用来存储一组值的有序集合。数组可以包含任意类型的数据，包括字符串、数字、布尔值等。在本文中，我们将详细讨论JavaScript中数组的大小计算以及影响数组大小的因素。

数组长度

在JavaScript中，可以使用length属性来获取数组的长度，即数组中包含的元素数量。例如：

let fruits = ['apple', 'banana', 'cherry'];
console.log(fruits.length); // 输出 3

在上面的示例中，数组fruits包含三个元素，因此其长度为3。注意，数组的长度并不一定等于数组中元素的个数，因为数组的长度是动态的，可以随着添加或删除元素而改变。

影响数组大小的因素

在JavaScript中，数组大小的计算受到以下因素的影响：

添加元素

向数组中添加元素会增加数组的长度。可以使用push方法向数组末尾添加元素，也可以直接赋值给一个新的索引位置来添加元素。例如：

let numbers = [1, 2, 3];
numbers.push(4);
console.log(numbers.length); // 输出 4

numbers[5] = 6;
console.log(numbers.length); // 输出 6

在上面的示例中，通过push方法和赋值操作添加元素，都会增加数组numbers的长度。

删除元素

从数组中删除元素会减少数组的长度。可以使用pop方法从数组末尾删除元素，也可以使用splice方法删除指定位置的元素。例如：

let colors = ['red', 'green', 'blue'];
colors.pop();
console.log(colors.length); // 输出 2

colors.splice(0, 1);
console.log(colors.length); // 输出 1

在上面的示例中，通过pop方法和splice方法删除元素，都会减少数组colors的长度。

更改元素

更改数组中元素的值不会影响数组的长度。可以直接赋值给指定索引位置来更改元素的值。例如：

let animals = ['cat', 'dog', 'bird'];
animals[1] = 'fish';
console.log(animals.length); // 输出 3

在上面的示例中，虽然改变了数组animals中第二个元素的值，但数组的长度保持不变。

动态改变数组大小

在JavaScript中，可以通过设置数组的长度属性来动态改变数组的大小。如果将数组的长度设置为小于当前长度的值，数组会被截断，多余的元素将被丢弃；如果将数组的长度设置为大于当前长度的值，数组会被扩展，并且新元素的值将为undefined。例如：

let cars = ['Toyota', 'Honda', 'Ford'];
console.log(cars.length); // 输出 3

cars.length = 2;
console.log(cars); // 输出 ['Toyota', 'Honda']
console.log(cars.length); // 输出 2

cars.length = 5;
console.log(cars); // 输出 ['Toyota', 'Honda', empty, empty, empty]
console.log(cars.length); // 输出 5

在上面的示例中，通过设置数组cars的长度属性来动态改变数组的大小，进而影响数组中元素的数量和内容。