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

刚接触前端不久，我的以为学习程序仍是须要常常总结的。下面是个人一些知识的概括总结，若是哪里说得不对的还请各位大神指点！

一、to str

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

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

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

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

固定套路：

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

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

二、拼接和截取

（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 都没法直接修改原数组，而是返回新数组，须要用变量接住。

三、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.

四、颠倒数组

arr.reverse（）；

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