JS筆記：Array方法整理_ZenDei技術網路在線

JS筆記：Array方法整理

-Advertisement-

一、增加 1.push() 語法：arrayObject.push(newele1,newele2,…,neweleX); 功能：將push中的參數添加到arrayObject的尾部返回值：把指定的值添加到數組後的新長度例： var arr = [8,7,5,2,8,4,3]; var arrL ...

一、增加

1.push() 語法：arrayObject.push(newele1,newele2,…,neweleX); 功能：將push中的參數添加到arrayObject的尾部返回值：把指定的值添加到數組後的新長度例： var arr = [8,7,5,2,8,4,3]; var arrLen = arr.push("u","r","g"); console.log(arrLen); //10 console.log(arr); //[8, 7, 5, 2, 8, 4, 3, "u", "r", "g"] 2.unshift() 語法：arrayObject.unshift(newele1,newele2,…,neweleX); 功能：將unshift中的參數添加到arrayObject的尾部返回值：把指定的值添加到數組後的新長度例： var arr = [8,7,5,2,8,4,3]; var arrLen = arr.unshift("u","r","g"); console.log(arrLen); //10 console.log(arr); //["u", "r", "g", 8, 7, 5, 2, 8, 4, 3]

二、刪除

1.pop() 語法：arrayObject.pop() 功能：刪除arrayObject的最後一個元素返回值：被刪除的元素例： var arr = [8,7,5,2,8,4,3]; var arrEle = arr.pop(); console.log(arrEle); //3 console.log(arr); //[8, 7, 5, 2, 8, 4] 2.shift() 語法：arrayObject.shift() 功能：刪除arrayObject的第一個元素返回值：被刪除的元素例： var arr = [8,7,5,2,8,4,3]; var arrEle = arr.shift(); console.log(arrEle); //8 console.log(arr); //[7, 5, 2, 8, 4, 3]

三、分隔數組

1.join() 語法：arrayObject.join(separator) 功能：用separator（分離器）分隔數組，並放入一個字元串返回值：字元串例： var arr = [8,7,5,2,8,4,3]; var newStr = arr.join("—"); console.log(newStr); //8—7—5—2—8—4—3 console.log(arr); //[8, 7, 5, 2, 8, 4, 3]

四、翻轉數組

1.reserve() 語法：arrayObject.reserve() 功能：顛倒數組中元素的順序返回值：數組例： var arr = [8,7,5,2,8,4,3]; var newArr = arr.reverse(); console.log(newArr); //[3, 4, 8, 2, 5, 7, 8] console.log(arr); //[3, 4, 8, 2, 5, 7, 8]

五、數組排序

1.sort() 語法：arrayObject.sort() 功能：對數組的元素進行排序，及時數組中的每一項都是數值，sort()方法比較的也是字元串；但是sort()可以接收一個比較函數作為參數升序——arr.sort(function(a,b){return a-b}) 降序——arr.sort(function(a,b){return b-a}) 返回值：數組例 var arr = [8,7,5,2,8,4,3]; var newArr = arr.sort(function(a,b){return b-a}); console.log(newArr); //[8, 8, 7, 5, 4, 3, 2] console.log(arr); //[8, 8, 7, 5, 4, 3, 2]

六、連接數組

1.concat() 語法：arrayObject.concat(array1,array2……) 功能：連接兩個或多個數組返回值：新數組例 var arr = [8,7,5,2,8,4,3]; var myArr = ["y","e","w","t"]; var newArr = arr.concat(myArr); console.log(newArr); //[8, 7, 5, 2, 8, 4, 3, "y", "e", "w", "t"] console.log(myArr); //["y", "e", "w", "t"] console.log(arr); //[8, 7, 5, 2, 8, 4, 3]

七、截取數組

1.slice() 語法：arrayObject.slice(start,end) 功能：從數組中截取選定元素返回值：截取的新數組參數： start（必需）：規定從何處開始選取，為負則從尾部開始 end（可選）：規定從何處結束選取，是數組截取結束處的數組下標；若未指定end，從start至數組結束例 var arr = [8,7,5,2,8,4,3]; var newArr1 = arr.slice(1, 3); var newArr2 = arr.slice(-3,-1); console.log(newArr1); //[7, 5] console.log(newArr2); //[8, 4] console.log(arr); //[8, 7, 5, 2, 8, 4, 3]

八、查找數組

1.indexOf() 語法：arrayObject.indexOf(searchValue,startIndex) 功能：從數組的開頭（下標0）開始向後查找，判斷方式——全等返回值：number，查找的項在數組中的位置（索引值），未找到的返回-1 參數： searchValue（必需）：要查找的元素 startIndex（可選）：起點位置的索引，不選預設為0 例： var arr = [8,7,5,2,8,4,3]; var newIndex1 = arr.indexOf(8); var newIndex2 = arr.indexOf(8,2); var newIndex3 = arr.indexOf(9); console.log(newIndex1); //0 console.log(newIndex2); //4 console.log(newIndex3); //-1 2.lastIndexOf() 語法：arrayObject.lastIndexOf(searchValue,startIndex) 功能：從數組的末尾開始向前查找，判斷方式——全等返回值：number，查找的項在數組中的位置（索引值），未找到的返回-1 參數： searchValue（必需）：要查找的元素 startIndex（可選）：起點位置的索引，不選預設為數組最後一位例 var arr = [8,7,5,2,8,4,3]; var newIndex1 = arr.lastIndexOf(8); var newIndex2 = arr.lastIndexOf(8,2); var newIndex3 = arr.lastIndexOf(9); console.log(newIndex1); //4 console.log(newIndex2); //0 console.log(newIndex3); //-1

九、刪除、插入——splice

1.splice() —— 刪除指定位置的指定元素語法：arrayObject.splice(index,count) 功能：刪除從index處開始的0個或多個元素返回值：數組，從原數組中刪除的元素參數： index：起始位置的下標 count：要刪除的元素數量，不設置，從index開始的所有例 var arr = [8,7,5,2,8,4,3]; var newArr = arr.splice(1,3); console.log(newArr); // [7,5,2] console.log(arr); // [8, 8, 4, 3] 2.splice() —— 在指定位置的插入元素語法：arrayObject.splice(index,count,item1,item2…) 功能：在指定位置插入一個或多個元素返回值：數組，從原數組中刪除的元素參數： index：起始位置的下標 count：要刪除的元素數量，設為0，不刪除元素 item：要插入的元素，插在index前例 var arr = [8,7,5,2,8,4,3]; var newArr = arr.splice(1,0,"item1","item2"); console.log(newArr); // [] console.log(arr); // [8, "item1", "item2", 7, 5, 2, 8, 4, 3] 3.splice() —— 同時插入和刪除語法：arrayObject.splice(index,count,item1,item2…) 功能：在指定位置插入一個或多個元素返回值：數組參數： index：起始位置的下標 count：要刪除的元素數量 item：要插入的元素，插在index前返回值：數組，從原數組中刪除的元素例 var arr = [8,7,5,2,8,4,3]; var newArr = arr.splice(1,2,"item1","item2"); console.log(newArr); // [7,5] console.log(arr); // [8, "item1", "item2", 2, 8, 4, 3]

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

JavaScript 30 - 2 學習筆記

學習JavaScirpt30的筆記！有意思！ 2 > CSS clock 效果是這樣的.... 這是改良過後的版本.... 話不多說，直接來看代碼。首先是html部分最外層的 clock 來作為底部的圓環。變化都是在 clock-face 裡面的。之後就是三個 div指針啦。下麵是CS ...
ES6，Array.of的用法

ES6為Array增加了of函數用已一中明確的含義將一個或多個值轉換成數組。因為，用new Array()構造數組的時候，是有二意性的。構造時，傳一個參數，表示生成多大的數組。構造時，傳多個參數，每個參數都是數組的一個元素。結果： ES6增加的Array.of()方法，只有一個含義，of的參 ...
javascript基礎進階——執行環境及作用域鏈

概念執行環境執行環境定義了變數或函數有權訪問的其他函數，決定了他們各自的行為。每個執行環境都有一個與之關聯的變數對象。變數對象環境中定義的所有變數和函數都保存在這個對象中。全局執行環境全局執行環境是最外圍的一個執行環境。在web瀏覽器中，全局執行環境被認為是Window對象，因此所有全局 ...
【前端】webkit內核瀏覽器DIV滾動條樣式修改和設置

webkit內核瀏覽器DIV滾動條樣式修改和設置引言：最近在做自己的小項目，為了設計出好看的頁面費勁了心思，大到頁面的整體佈局，小到DIV的滾動條都不放過，以下是我通過查閱資料總結的webkit內核瀏覽器滾動條樣式的修改方法。原理： webkit瀏覽器css設置滾動條主要有下麵7個屬性 1. ...
【前端筆記】☞ JavaScript 基礎

1. 什麼是JavaScript JavaScript是一門廣泛用於瀏覽器客戶端的腳本語言由Netspace公司設計，當時跟Sun公司合作，所以名字起得像Java 業內一般簡稱JS 2. JS的常見用途 1》能進行HTML的DOM操作，也稱節點（標簽元素）操作。比如添加、修改、刪除節點，JS可以 ...
使用canvas實現絢麗的時鐘特效

源碼 https://github.com/2016Messi/Gorgeous clock 效果展示 https://2016messi.github.io/Gorgeous clock/ 如果各位博友覺得效果不錯，歡迎star ...
js畫一棵樹

用純js畫一棵樹。思路： 1、一棵樹的圖片，作為頁面背景； 2、通過html5中的canvas畫布進行遮罩； 3、定時每隔10ms，從下往上清除1px的遮罩；畫的過程如下： ...
JavaScript基礎進階之數組方法總結

數組常用方法總結：下麵我只總結了es3中常用的數組方法，一共有11個。es5中新增的9個數組方法，後續再單獨總結。 1個連接數組的方法：concat（） 2個數組轉換為字元串的方法：join（）、toString（） 6個增刪數組元素的方法：pop（）、push（）、shift（）、unshift ...