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（）；

只機械的將數據顛倒，不負責排序，直接修改原數組。