关于JavaScript数组你所不知道的3件事

本文将介绍三个在JavaScript中数组的使用中可能相对容易被忽视但实际上很有用的特性。

1. 数组长度不是只读属性

在JavaScript中，数组长度可以被更改，而且这并不会影响已经存在的元素。我们可以通过调用Array.prototype.length来获取数组长度，也可以通过设置该属性来更改数组长度。

示例：

const arr = [1, 2, 3];
console.log(arr); // 输出 [1, 2, 3]
console.log(arr.length); // 输出 3

arr.length = 2;
console.log(arr); // 输出 [1, 2]
console.log(arr.length); // 输出 2

在上面的示例中，我们将数组 arr 的长度从 3 改为 2，把最后的一个元素 3 删除了。需要注意的是，这种方式只会改变数组的长度，并不会真正删除数组的元素。

2. 数组可以有额外的属性

在JavaScript中，数组不仅是一种有序的数据结构，还可以像普通对象一样添加属性。这些自定义属性不会影响数组中元素的顺序或数量。

示例:

const arr = [1, 2, 3];
arr.foo = 'bar';

console.log(arr); // 输出 [1, 2, 3, foo: "bar"]
console.log(arr.length); // 输出 3

这里我们为一个数组 arr 添加了名为 foo 值为 'bar' 的属性，并且并不会影响数组本身的结构和长度。

需要注意的是，虽然我们可以给数组添加任意属性，但是尽量不要使用数字作为属性名，因为这样会被当成对数组元素的操作。

3. 数组可以被用作栈和队列

数组既可以用作栈（Last-In-First-Out，即先进后出队列），也可以用作队列（First-In-First-Out，即先进先出队列）。

在JavaScript中，可以用数组的push()和pop()方法来模拟栈的弹出入操作，用数组的push()和shift()方法来模拟队列的出入操作。

示例：

const stack = [];
stack.push(1); // 模拟入栈操作
stack.push(2);
console.log(stack); // 输出 [1, 2]

const lastItem = stack.pop(); // 模拟出栈操作
console.log(lastItem); // 输出 2
console.log(stack); // 输出 [1]

const queue = [];
queue.push(1); // 模拟入队操作
queue.push(2);
console.log(queue); // 输出 [1, 2]

const firstItem = queue.shift(); // 模拟出队操作
console.log(firstItem); // 输出 1
console.log(queue); // 输出 [2]

在上面的示例中，我们分别以数组作为栈和队列的数据结构，并模拟了栈和队列的常用操作。

总结：以上就是本文所介绍关于JavaScript数组不太常用但很具有实用性的几点特性。学好这些小技巧可以让你在编写JavaScript代码时更加得心应手！