1.数组
对象数组
eg:
let users = [
{id: 1, name: "John"},
{id: 2, name: "Pete"},
{id: 3, name: "Mary"}
];
数组备忘清单 --引用于https://zh.javascript.info/array-methods
总结
数组方法备忘单：
-
添加/删除元素：
-
push(...items)—— 向尾端添加元素， -
pop()—— 从尾端提取一个元素， -
shift()—— 从首端提取一个元素， -
unshift(...items)—— 向首端添加元素， -
splice(pos, deleteCount, ...items)—— 从pos开始删除deleteCount个元素，并插入items。 -
slice(start, end)—— 创建一个新数组，将从索引start到索引end（但不包括end）的元素复制进去。 -
concat(...items)—— 返回一个新数组：复制当前数组的所有元素，并向其中添加items。如果items中的任意一项是一个数组，那么就取其元素。
-
-
搜索元素：
-
indexOf/lastIndexOf(item, pos)—— 从索引pos开始搜索item，搜索到则返回该项的索引，否则返回-1。 -
includes(value)—— 如果数组有value，则返回true，否则返回false。 -
find/filter(func)—— 通过func过滤元素，返回使func返回true的第一个值/所有值。 -
findIndex和find类似，但返回索引而不是值。
-
-
遍历元素：
-
forEach(func)—— 对每个元素都调用func，不返回任何内容。
-
-
转换数组：
-
map(func)—— 根据对每个元素调用func的结果创建一个新数组。 -
sort(func)—— 对数组进行原位（in-place）排序，然后返回它。 -
reverse()—— 原位（in-place）反转数组，然后返回它。 -
split/join—— 将字符串转换为数组并返回。 -
reduce/reduceRight(func, initial)—— 通过对每个元素调用func计算数组上的单个值，并在调用之间传递中间结果。
-
-
其他：
-
Array.isArray(arr)检查arr是否是一个数组。
-
请注意，sort，reverse 和 splice 方法修改的是数组本身。
数组
数组是一种特殊的对象因为，javascript基于对象来优化了数组，使数组允许的非常快，但是我们要是像使用对象那样使用数组那这些优化就不生效了
数组是一个对象，因此其行为也像一个对象。
例如，它是通过引用来复制的：
let fruits = ["Banana"]
let arr = fruits; // 通过引用复制 (两个变量引用的是相同的数组)
alert( arr === fruits ); // true
arr.push("Pear"); // 通过引用修改数组
alert( fruits ); // Banana, Pear — 现在有 2 项了
请将数组视为作用于 有序数据 的特殊结构。它们为此提供了特殊的方法。数组在 JavaScript 引擎内部是经过特殊调整的，使得更好地作用于连续的有序数据，所以请以正确的方式使用数组。如果你需要任意键值，那很有可能实际上你需要的是常规对象 {}。
- 遍历数组的方式
for of
let fruits = ["Apple", "Orange", "Plum"];
// 遍历数组元素
for (let fruit of fruits) {
alert( fruit );
}
for..of 不能获取当前元素的索引，只是获取元素值，但大多数情况是够用的。而且这样写更短。
技术上来讲，因为数组也是对象，所以使用 for..in 也是可以的：
let arr = ["Apple", "Orange", "Pear"];
for (let key in arr) {
alert( arr[key] ); // Apple, Orange, Pear
}
但 请减少使用for in 或者不要 用for in来遍历数组，这其实是一个很不好的想法。会有一些潜在问题存在：
for..in 循环会遍历 所有属性，不仅仅是这些数字属性。
在浏览器和其它环境中有一种称为“类数组”的对象，它们 看似是数组。也就是说，它们有 length 和索引属性，但是也可能有其它的非数字的属性和方法，这通常是我们不需要的。for..in 循环会把它们都列出来。所以如果我们需要处理类数组对象，这些“额外”的属性就会存在问题。
for..in 循环适用于普通对象，并且做了对应的优化。但是不适用于数组，因此速度要慢 10-100 倍。当然即使是这样也依然非常快。只有在遇到瓶颈时可能会有问题。但是我们仍然应该了解这其中的不同。
通常来说，我们不应该用 for..in来处理数组。
- 数组的优化 &队列、栈
对于栈来说，最后放进去的内容是最先接收的，也叫做 LIFO（Last-In-First-Out），即后进先出法则。而与队列相对应的叫做 FIFO（First-In-First-Out），即先进先出。
JavaScript 中的数组既可以用作队列，也可以用作栈。它们允许你从首端/末端来添加/删除元素。
这在计算机科学中，允许这样的操作的数据结构被称为 双端队列（deque）
push/pop 方法运行的比较快，而 shift/unshift 比较慢。
为什么作用于数组的末端会比首端快呢？让我们看看在执行期间都发生了什么：
fruits.shift(); // 从首端取出一个元素
只获取并移除数字 0 对应的元素是不够的。其它元素也需要被重新编号。
shift 操作必须做三件事:
1.移除索引为 0 的元素。
2.把所有的元素向左移动，把索引 1 改成 0，2 改成 1 以此类推，对其重新编号。
3.更新 length 属性。
数组里的元素越多，移动它们就要花越多的时间，也就意味着越多的内存操作。
unshift 也是一样：为了在数组的首端添加元素，我们首先需要将现有的元素向右移动，增加它们的索引值。
那 push/pop 是什么样的呢？它们不需要移动任何东西。如果从末端移除一个元素，pop 方法只需要清理索引值并缩短 length 就可以了。
- Arr.length 神奇
当我们修改数组的时候，length 属性会自动更新。准确来说，它实际上不是数组里元素的个数，而是
最大的数字索引值加一!。
上面的我也是才知道！！！
let fruits = [];
fruits[123] = "Apple";
alert( fruits.length ); // 124
要知道的是我们通常不会这样使用数组。
length 属性的另一个有意思的点是它是可写的。
如果我们手动增加它，则不会发生任何有趣的事儿。但是如果我们减少它，数组就会被截断。该过程是不可逆的，下面是例子：
let arr = [1, 2, 3, 4, 5];
arr.length = 2; // 截断到只剩 2 个元素
alert( arr ); // [1, 2]
arr.length = 5; // 又把 length 加回来
alert( arr[3] ); // undefined：被截断的那些数值并没有回来
所以，清空数组最简单的方法就是：arr.length = 0;。
说道数组的长度又牵扯出创建数组的另一个方法 new Array()
- new Array()
一般使用最多的是字面量创建数组也就是[],很少使用new Array()这个方法，因为它涉及到初始数组的长度，上面又讲到没有元素直接定义数组的长度，访问该数组arr[0]时会得到underfind
let arr = new Array("Apple", "Pear", "etc");
它很少被使用，因为方括号 [] 更短更简洁。而且，这种语法还有一个棘手的特性。
如果使用单个参数（即数字）调用 new Array，那么它会创建一个 指定了长度，却没有任何项 的数组。
让我们看看如何搬起石头砸自己的脚:
let arr = new Array(2); // 会创建一个 [2] 的数组吗？
alert( arr[0] ); // undefined！没有元素。
alert( arr.length ); // length 2
在上面的代码中，new Array(number) 创建的数组的所有元素都是 undefined。
为了避免这种乌龙事件，我们通常都是使用方括号的，除非我们清楚地知道自己正在做什么
- 数组的浅拷贝可以使用Spread 语法
let arr = [1, 2, 3];
let arrCopy = [...arr]; // 将数组 spread 到参数列表中
// 然后将结果放到一个新数组
// 两个数组中的内容相同吗？
alert(JSON.stringify(arr) === JSON.stringify(arrCopy)); // true
// 两个数组相等吗？
alert(arr === arrCopy); // false（它们的引用是不同的）
// 修改我们初始的数组不会修改副本：
arr.push(4);
alert(arr); // 1, 2, 3, 4
alert(arrCopy); // 1, 2, 3
