超詳細(xì)的javascript數(shù)組方法匯總
一、數(shù)組的常用方法
1:join();
將數(shù)組轉(zhuǎn)為字符串顯示。不輸入?yún)?shù),默認(rèn)以逗號連接;輸入?yún)?shù),則以參數(shù)連接。
var arr=[1,2,3]; console.log(arr.join()); // 1,2,3; console.log(arr.join("_")); // 1_2_3; console.log(arr); // [1,2,3];
原數(shù)組不變。
2:reverse();
將數(shù)組逆序排列,原數(shù)組被修改。
var arr=[1,2,3]; var arr2=arr.reverse(); console.log(arr2); // [3,2,1]; console.log(arr); // [3,2,1];
3:sort();
默認(rèn)按升序排列數(shù)組項(xiàng),調(diào)用每個(gè)數(shù)組項(xiàng)的toString()方法,然后比較得到的字符串,從字符串首位開始比較。
var arr=[2,12,14,21,5]; console.log(arr.sort()); //[12, 14, 2, 21, 5];
也可以傳入一個(gè)比較函數(shù)作為參數(shù)。如果第一個(gè)參數(shù)應(yīng)該在前,則比較函數(shù)返回一個(gè)小于0的值;反之第一個(gè)參數(shù)在后,這比較函數(shù)返回一個(gè)大于0的值;如果順序無關(guān)緊要,則比較函數(shù)返回0;
var arr=[2,12,14,21,5]; console.log(arr.sort(function(a,b){return a-b})); // [2,5,12,14,21]; var arr1=[2,12,14,21,5]; console.log(arr1.sort(function(a,b){return b-a})); // [21,14,12,5,2];
4:concat();
數(shù)組合并,原數(shù)組不變。
var arr=[1,2,3]; console.log(arr.concat(4,5)); // [1, 2, 3, 4, 5]; console.log(arr.concat([4,5],6)); // [1, 2, 3, 4, 5, 6]; console.log(arr.concat([[4,5],6])); // [1, 2, 3, [4, 5],6]; console.log(arr); // [1, 2, 3];
5:slice();
返回部分?jǐn)?shù)組,包含第一個(gè)參數(shù)所對應(yīng)的數(shù)組項(xiàng),但不包含第二個(gè)參數(shù)對應(yīng)的數(shù)組項(xiàng)。如果傳入的參數(shù)小于0,則從后往前數(shù),最后一項(xiàng)為-1。如果只傳入一個(gè)參數(shù),則返回的數(shù)組包含起始位置到數(shù)組結(jié)尾的所有元素。原數(shù)組不變。
var arr=[1,2,3,4,5]; console.log(arr.slice(1,3)); // [2,3]; console.log(arr.slice(1)); // [2,3,4,5]; console.log(arr.slice(1,-1)); // [2,3,4]; console.log(arr); // [1,2,3,4,5];
6:splice();
數(shù)組拼接:
1).刪除-用于刪除元素,兩個(gè)參數(shù),第一個(gè)參數(shù)(要刪除第一項(xiàng)的位置),第二個(gè)參數(shù)(要刪除的項(xiàng)數(shù));
2).插入-向數(shù)組指定位置插入任意項(xiàng)元素。三個(gè)參數(shù),第一個(gè)參數(shù)(其實(shí)位置),第二個(gè)參數(shù)(0),第三個(gè)參數(shù)(插入的項(xiàng));
3).替換-向數(shù)組指定位置插入任意項(xiàng)元素,同時(shí)刪除任意數(shù)量的項(xiàng),三個(gè)參數(shù)。第一個(gè)參數(shù)(起始位置),第二個(gè)參數(shù)(刪除的項(xiàng)數(shù)),第三個(gè)參數(shù)(插入任意數(shù)量的項(xiàng));
splice()返回一個(gè)由刪除元素組成的數(shù)組,或者如果沒有刪除元素就返回一個(gè)空數(shù)組。原數(shù)組被修改。
var arr=[1,2,3,4,5,6]; console.log(arr.splice(2)); // [3,4,5,6]; console.log(arr); // [1,2]; console.log(arr.splice(2,0,3,4,5,6)); // []; console.log(arr); // [1,2,3,4,5,6]; console.log(arr.splice(2,2)); // [3,4]; console.log(arr); // [1,2,5,6];
7:push()和pop()方法,unshift()和shift()方法;
push()和pop() 棧方法,后進(jìn)先出。原數(shù)組都發(fā)生改變。
push()方法在數(shù)組的尾部添加一個(gè)或多個(gè)元素,并返回?cái)?shù)組新的長度。
pop()方法刪除數(shù)組的最后一個(gè)元素,減小數(shù)組的長度并返回刪除的值。
unshift()和shift()隊(duì)列方法,先進(jìn)先出。原數(shù)組都發(fā)生改變。
unshift()方法在數(shù)組的頭部添加一個(gè)或多個(gè)元素,并改變已存在元素的索引,然后返回?cái)?shù)組新的長度。
shift()方法刪除數(shù)組的第一個(gè)元素并將其返回,并改變已存在元素的索引。
var arr=[1,2,3]; console.log(arr.push(4)); //4; console.log(arr); //[1,2,3,4]; console.log(arr.pop()); //4; console.log(arr); //[1,2,3]; console.log(arr.unshift(0)); //4; console.log(arr); //[0,1,2,3]; console.log(arr.shift()); //0; console.log(arr); //[1,2,3];
8:forEach();
forEach()里第一個(gè)參數(shù)為該集合里的元素,第二個(gè)參數(shù)為集合里的索引,第三個(gè)參數(shù)為集合本身。
9:map();
map()對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組,原數(shù)組未被修改。
10:every()
對數(shù)組的每一項(xiàng)運(yùn)行給定函數(shù),如果該函數(shù)對每一項(xiàng)都返回true,則返回true。
11:some()
對數(shù)組的每一項(xiàng)運(yùn)行給定函數(shù),如果該函數(shù)對任一項(xiàng)返回true,則返回true。
12:filter()
對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),返回該函數(shù)會返回true的項(xiàng)組成的數(shù)組。
13:reduce()和reduceRight();
兩個(gè)方法都會迭代數(shù)組的所有項(xiàng),然后構(gòu)建一個(gè)最終返回的值。其中reduce()方法從數(shù)組的第一項(xiàng)開始,逐個(gè)遍歷到最后。而reduceRight()則從數(shù)組的最后一項(xiàng)開始,向前遍歷到第一項(xiàng)。數(shù)組未被修改。
二、擴(kuò)展方法
1:數(shù)組去重
function unique(array){ return array.filter(function(item,index){ return array.indexOf(item)==index; }) }; var arr=[1,2,3,3,4,2,1,5]; console.log(unique(arr)); //[1,2,3,4,5]; function unique(arr){ var arr2=[arr[0]], len=arr.length; if(!len){ return; } for(var i=0;i<len;i++){ arr2.join(" ").indexOf(arr[i])<0?arr2.push(arr[i]):""; } return arr2; } var arr=[1,2,3,3,4,2,1,5]; console.log(uniq(arr)); //[1,2,3,4,5]
2:去掉數(shù)組中的空元素
function deleteNullInArray(array){ return array.filter(function(item){ return item!=null; }) } var arr=[1,2,null,,,5]; console.log(deleteNullInArray(arr)); //[1,2,5];
- JavaScript數(shù)組方法大全(推薦)
- JavaScript數(shù)組方法總結(jié)分析
- JavaScript學(xué)習(xí)筆記之ES6數(shù)組方法
- javascript中FOREACH數(shù)組方法使用示例
- javascript中數(shù)組方法匯總
- Javascript中數(shù)組方法匯總(推薦)
- 深入探密Javascript數(shù)組方法
- js數(shù)組方法擴(kuò)展實(shí)現(xiàn)數(shù)組統(tǒng)計(jì)函數(shù)
- javascript對數(shù)組的常用操作代碼 數(shù)組方法總匯
- 數(shù)組方法解決JS字符串連接性能問題有爭議
- JS中的數(shù)組方法筆記整理
相關(guān)文章
JavaScript?setTimeout和setInterval的用法與區(qū)別詳解
Javascript的setTimeOut和setInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時(shí)和定時(shí)任務(wù),下面這篇文章主要給大家介紹了關(guān)于JavaScript?setTimeout和setInterval的用法與區(qū)別,需要的朋友可以參考下2022-04-04所見即所得的富文本編輯器bootstrap-wysiwyg使用方法詳解
這篇文章主要為大家分享一款所見即所得的富文本編輯器bootstrap-wysiwyg,并詳細(xì)告訴大家文本編輯器bootstrap-wysiwyg的使用方法,感興趣的小伙伴們可以參考一下2016-05-05js中script的上下放置區(qū)別,Dom的增刪改創(chuàng)建操作實(shí)例分析
這篇文章主要介紹了js中script的上下放置區(qū)別,Dom的增刪改創(chuàng)建操作,結(jié)合實(shí)例形式分析了JavaScript基本dom事件、script在head和body中放置的區(qū)別、以及Dom的增刪改創(chuàng)建等相關(guān)操作技巧,需要的朋友可以參考下2019-12-12編寫更好的JavaScript條件式和匹配條件的技巧(小結(jié))
這篇文章主要介紹了編寫更好的JavaScript條件式和匹配條件的技巧(小結(jié)),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06