JS 中常见数组API使用方法（join、concat、slice、splice、reverce）

刚接触前端不久，个人觉得学习程序还是需要经常总结的。下面是我的一些知识的归纳总结，如果哪里说得不对的还请各位大神指点！

1、to str

（1）String（arr）将数组中的每个元素转为字符串并用逗号“ ， ”连接。又称之为“拍照”。

（2）arr.join（“连接符”）；

将数组中每个元素转为字符串，用自定义的连接符连接每个元素

无缝拼接，若省略连接符和String等效，可批量生成页面元素

固定套路：

a，无缝拼接： var str = arr.join（“  ”）；

b，将数组中的元素拼接为页面的html代码。

2、拼接和截取

（1）拼接（既可以放单个数值也可以放数组）

var newArr = arr.cancat（值1，值2，arr1，arr2，...）;

注意：生成新数组原数组保持不变

优点：课打散数组类型的参数逐个拼接（apply也可以）

缺点：只能拼接在开头或结尾

（2）截取数组

var SubArr=arr.slice（starti，endi+1）；

复制出arr中starti位置开始到endi位置结束的元素组成新数组返回（在字符串和数组中通用）

强调：

含头不含尾，结束位置+1

支持负数参数，表示倒数第n个位置（执行的是length-n）

若省略第二个参数，表示从starti开始截到末尾

注意：concat和slice 都无法直接修改原数组，而是返回新数组，需要用变量接住。

3、splice （删除、插入、替换）--直接修改原数组

（1）删除

arr.splice（starti，n）；删除starti位置开始的n个元素

（2）插入（不支持数组类型的参数）

a、arr.splice（starti，0，值1，值2，...）;

b、在arr中的starti位置插入值1，值2，原来starti位置的值以及其后面的值自动向右移。

c、不支持数组类型的参数，无法打散数组，只能单独传入

（3）替换

arr.splice（starti，n，值1，值2，...）;

先删除starti位置的n个元素，再在starti位置插入值1，值2.

4、颠倒数组

arr.reverse（）；

只机械的将数据颠倒，不负责排序，直接修改原数组。