在Js Array中的方法大致分为两类：方法改变原数组 &方法生成新数组（不改变原数组）

1.push()：向原数组的最后一位添加一个元素。返回数组长度

2.unshift()：向原数组的最前添加一个元素。返回数组长度

3.pop()：截取数组中最后一个元素。返回被截取的元素

4.shift()：截取数组中第一个元素。返回被截取的元素

以上四个方法可以放在一起记忆，不要被方面名所误导。

5.splice()：splice(index, howmany, item1,...itemX) 方法有多个参数可选，常用于分割数组。返回处理后的数组

第一个参数：从第n个元素的下标开始截取；

第二个参数：从第n个元素的下标开始截取多少个元素；

第三到n个参数：将截取的元素替换为什么

6.sort()：sort(fn) 方法有一个参数可选，用于给数组排序。在不写参数的情况下会对数组中的元素进行从小到大的顺序排序。但不会识别数字（按照数字ACSLL编码表进行排序）

可选参数：参数返回一个函数，这个函数中有两个形参 .sort(function(a, b){}) 。形参中的a和b会类冒泡的访问数组中的元素；例：[1, 2, 3, 4] a b 分别会选择 1,2、 1,3 、 1,4 、 2,3 、 2,4 、 3,4。当a-b>1时，交换ab的值；当a-b<1时，不动。由此，可在此函数体中写出自定义的排序规则。返回排序后的数组

7.reverse()：倒序排列整个数组。返回数组

1.concat()：concat(arr)将两个数组拼接在一起。返回新数组

2.join()：join('str')一个可选参数，返回以一个字符串将数组中的元素拼接成字符串。与str的split('str')方法相反，split()是将字符串以一个字符串拆分成数组。

3.toString()：与join()函数不填写参数一样，返回一个一 逗号 ，拼接的字符串。

4.slice()：选取数组中的第n个元素到第n个元素。返回新数组，也可不写参数返回数组的副本。

5.indexOf()：index(item, start)方法有两个参数。返回指定元素在数组中的索引值；如果未找到指定元素，返回 -1

第一个参数：指定的元素

第二个参数：从填入的索引开始寻找

定义：返回由所有参数值组成的数组，如果没有参数，就返回一个空数组。

目的：Array.of() 出现的目的是为了解决上述构造器因参数个数不同，导致的行为有差异的问题。

参数：

第一个参数(必需):要转化为真正数组的对象。

第二个参数(可选): 类似数组的map方法，对每个元素进行处理，将处理后的值放入返回的数组。

第三个参数(可选): 用来绑定this。

ps：splice方法从数组中添加/删除项目，然后返回被删除的项目

语法： array.splice(index,howmany,item1,.....,itemX)

参数:

index：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。

howmany：必需。要删除的项目数量。如果设置为 0，则不会删除项目。

item1, …, itemX： 可选。向数组添加的新项目。

返回值: 如果有元素被删除,返回包含被删除项目的新数组。

删除元素

删除并添加

不删除只添加

ps：方法接受两个参数，一个从哪里开始，一个是到哪里结束（但是不包括这个结束的元素本身）。如果是负数，就从倒数第几个。

参数可选: 规定排序顺序的比较 函数 。

默认情况下sort()方法没有传比较函数的话，默认按字母升序，如果不是元素不是字符串的话，会调用toString()方法将元素转化为字符串的Unicode(万国码)位点，然后再比较字符。

比较函数的两个参数

sort的比较函数有两个默认参数，要在函数中接收这两个参数，这两个参数是数组中两个要比较的元素，通常我们用 a 和 b 接收两个将要比较的元素：

sort排序常见用法

数组元素为数字的升序、降序:

数组多条件排序

自定义比较函数

定义: 在当前数组内部，将指定位置的成员复制到其他位置,并返回这个数组。

语法: array.copyWithin(target, start = 0, end = this.length)

参数:

三个参数都是数值，如果不是，会自动转为数值.

target（必需）：从该位置开始替换数据。如果为负值，表示倒数。

start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示倒数。

end（可选）：到该位置前停止读取数据，默认等于数组长度。使用负数可从数组结尾处规定位置。

浏览器兼容(MDN): chrome 45,Edge 12,Firefox32,Opera 32,Safari 9, IE 不支持

从上述例子:

第一个参数是开始被替换的元素位置

要替换数据的位置范围:从第二个参数是开始读取的元素，在第三个参数前面一个元素停止读取

数组的长度不会改变

读了几个元素就从开始被替换的地方替换几个元素

参数:

第一个元素(必须): 要填充数组的值

第二个元素(可选): 填充的开始位置,默认值为0

第三个元素(可选)：填充的结束位置，默认是为this.length

使用join方法或者下文说到的toString方法时，当数组中的元素也是数组或者是对象时会出现什么情况？

join()/toString()方法在数组元素是数组的时候，会将里面的数组也调用join()/toString(),如果是对象的话，对象会被转为[object Object]字符串。

如上述栗子：调用数组的toLocaleString方法，数组中的每个元素都会调用自身的toLocaleString方法，对象调用对象的toLocaleString,Date调用Date的toLocaleString。

该方法的效果和join方法一样，都是用于数组转字符串的，但是与join方法相比没有优势，也不能自定义字符串的分隔符，因此不推荐使用。

ps：当数组和字符串操作的时候，js 会调用这个方法将数组自动转换成字符串

ps：字符串也有一个slice() 方法是用来提取字符串的，不要弄混了。

参数:

begin(可选): 索引数值,接受负值，从该索引处开始提取原数组中的元素,默认值为0。

end(可选):索引数值(不包括),接受负值，在该索引处前结束提取原数组元素，默认值为数组末尾(包括最后一个元素)。

如上：新数组是浅拷贝的，元素是简单数据类型，改变之后不会互相干扰。

如果是复杂数据类型(对象,数组)的话，改变其中一个，另外一个也会改变

原因在定义上面说过了的：slice()是浅拷贝，对于复杂的数据类型浅拷贝，拷贝的只是指向原数组的指针，所以无论改变原数组，还是浅拷贝的数组，都是改变原数组的数据。

ES6扩展运算符...合并数组：

因为ES6的语法更简洁易懂，所以现在合并数组我大部分采用...来处理，...运算符可以实现cancat的每个栗子，且更简洁和具有高度自定义数组元素位置的效果。

参数:

searchElement(必须):被查找的元素

fromIndex(可选):开始查找的位置(不能大于等于数组的长度，返回-1)，接受负值，默认值为0。

严格相等的搜索:

数组的indexOf搜索跟字符串的indexOf不一样,数组的indexOf使用严格相等===搜索元素，即数组元素要完全匹配才能搜索成功。

注意：indexOf()不能识别NaN

参数:

searchElement(必须): 被查找的元素

fromIndex(可选): 逆向查找开始位置，默认值数组的长度-1，即查找整个数组。

关于fromIndex有三个规则:

正值。如果该值大于或等于数组的长度，则整个数组会被查找。

负值。将其视为从数组末尾向前的偏移。(比如-2，从数组最后第二个元素开始往前查找)

负值。其绝对值大于数组长度，则方法返回 -1，即数组不会被查找。

参数：

searchElement(必须):被查找的元素

fromIndex(可选):默认值为0，参数表示搜索的起始位置，接受负值。正值超过数组长度，数组不会被搜索，返回false。负值绝对值超过长数组度，重置从0开始搜索。

includes方法是为了弥补indexOf方法的缺陷而出现的:

indexOf方法不能识别NaN

indexOf方法检查是否包含某个值不够语义化，需要判断是否不等于-1，表达不够直观

Array.of() 的作用是 创建数组 。

创建数组本来已经有 字面量 和 Array构造函数 等方法，但由于 Array构造函数 创建数组时有一些怪异的行为，所以 ES6 添加了 Array.of() 来弥补 Array构造函数 的不足。

以上是 Array构造函数 的用法，也是 Array构造函数 的怪异行为。

new Array() 当只传入一个参数时，不能传入负数，也不能传入浮点数。

在使用 new Array 时，一不小心就会创建出稀疏数组。这个动作会产生一些诡异的“空槽”行为，这也是JS数组广为人所诟病的一点。

Array.of() 取代了 Array() 成为数组的推荐函数形式构造器，因为 Array.of() 并没有这个特殊的单一数值型参数值的问题。

Array.of() 总是返回参数值组成的数组。如果没有参数就返回一个空数组。

所以说，Array.of() 的行为比 Array() 更统一。

如果有一个回调函数需要传入的参数封装为数组，而且不能保证传入的值一定不是0或正整数，Array.of()可以完美解决这个问题。

如果需要构建 Array 的子类，并且想要在子类实例中创建和初始化元素。

这里用了reduce方法，这个方法是Array的，这里用 this.reduce 是因为 Calculator 继承了 Array。

Array.reduce的使用方法可以看下面的链接

【JS】遍历数组的常用方法（举例版）

---