js中的数组总结

一、js 中的数组是对象

javascript 中，数组是一种特殊的对象。使用方括号来访问属性 arr[0] 实际上是来自于对象的语法。它其实与 obj[key] 相同，其中 arr 是对象，而数字用作键（key）。

它们扩展了对象，提供了特殊的方法来处理有序的数据集合以及 length 属性。但从本质上讲，它仍然是一个对象。

记住，在 JavaScript 中只有 8 种基本的数据类型（number、bigint、string、boolean、null、undefined、symbol、object）。数组是一个对象，因此其行为也像一个对象。

二、声明/创建数组

创建一个空数组有两种语法：

// 很少使用，这种语法还有一个棘手的特性：
// 如果使用单个参数（即数字）调用 new Array，那么它会创建一个 指定了长度，却没有任何项 的数组
let arr = new Array();
// 更短更简洁，绝大多数情况使用
let arr = [];

三、关于 length

通常，我们认为 length 属性的值是数组中元素的总个数，但这是不准确的。
当我们修改数组的时候，length 属性会自动更新。
准确来说，它实际上不是数组里元素的个数，而是最大的数字索引值加一。
例如，一个数组只有一个元素，但是这个元素的索引值很大，那么这个数组的 length 也会很大：

let arr = [];
arr[111] = "Linken";
console.log( arr.length ); // 112

四、获取最后一个元素

let arr = ['Helen', 'John', 'Merry'];
// 老办法，语法较长
arr[arr.length - 1];
// 新特性
arr.at(-1);

实际上，arr.at(i)：
如果 i >= 0，则与 arr[i] 完全相同。
对于 i 为负数的情况，它则从数组的尾部向前数。

五、队列 + 栈 ——双端队列（deque），pop/push, shift/unshift 方法

队列：FIFO（First-In-First-Out），先进先出。支持以下两种操作：

• push 在末端添加一个元素。
• shift 取出队列首端的一个元素，整个队列往前移，这样原先排第二的元素现在排在了第一。

栈：LIFO（Last-In-First-Out），后进先出法则。支持以下两种操作：

• push 在末端添加一个元素。
• pop 从末端取出一个元素。

JavaScript 中的数组既可以用作队列，也可以用作栈。允许从首端/末端来添加/删除元素，在计算机科学中，允许这样的操作的数据结构被称为 双端队列（deque）。

作用于数组末端的方法

• pop() 取出并返回数组的最后一个元素：

let arr = ['Helen', 'John', 'Merry'];
console.log( arr.pop() ); // Merry
console.log( arr ); // Helen, John

arr.pop() 和 arr.at(-1) 都返回数组的最后一个元素。
但 arr.pop() 同时也删除了数组的最后一个元素，进而修改了原数组。

let arr = ['Helen', 'John', 'Merry'];
console.log( arr.at(-1) ); // Merry
console.log( arr ); // Helen, John, Merry

arr.at(-1) 不会修改原数组。

• push 在数组末端添加元素：

let arr = ['Helen', 'John', 'Merry'];
console.log( arr.push('Koko') );
console.log( arr ); // Helen, John, Merry, Koko

调用 arr.push(…) 与 arr[arr.length] = … 是一样的。

作用于数组首端的方法

• shift 取出数组的第一个元素并返回它：

let arr = ['Helen', 'John', 'Merry'];
console.log( arr.shift() ); // Helen
console.log( arr ); // John, Merry

• unshift 在数组的首端添加元素：

let arr = ["John", "Merry"];
arr.unshift('Lina');
alert( arr ); // Lina, John, Merry