剛接觸前端不久,個人覺得學習程序還是需要經常總結的。下面是我的一些知識的歸納總結,如果哪里說得不對的還請各位大神指點!
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();
只機械的將數據顛倒,不負責排序,直接修改原數組。