一、Array數(shù)組常用方法1、棧方法（先進后出）push()：在數(shù)組的最后一項后追加值（參數(shù)：可以為多個值或數(shù)組） 返回：數(shù)組的長度，改變了原數(shù)組 var a=[1,2,3] a.push(9); //返回數(shù)組的長度 4，改變了原數(shù)組 console.log(a) //[1,2,3,9] pop()： 刪除數(shù)組的最后一項（無參數(shù)） 返回：被刪除的值，改變了原數(shù)組 var a=[1,2,3,4]; a.pop() // 返回刪除值 4，改變了原數(shù)組 console.log(a) // [1,2,3] 2、隊列方法（先進先出）unshift()：在數(shù)組最前一項插入值（參數(shù)：可以為多個值或數(shù)組） 返回：數(shù)組的長度，插入的值為數(shù)組，變?yōu)樽訑?shù)組，改變了原數(shù)組 var a=[1,2,3]; a.unshift(4); //返回數(shù)組的長度 4，改變了原數(shù)組 console.log(a); //[4,1,2,3] shift()：刪除數(shù)組的最前一項（無參數(shù)） 返回：刪除的值，改變了原數(shù)組 var a=[1,2,3,4]; a.shift() //返回被刪除的值 1，改變了原數(shù)組 console.log(a) //[2,3,4] 3、操作方法slice(start,end)：返回從原數(shù)組中start下標到end下標之間的項組成的新數(shù)組 （參數(shù)：[start必選end可選)，只有一個參數(shù)時默認下標end為最后一項） 返回：包含從下標 start（包括該元素） 到 下標end （不包括該元素）的一個新數(shù)組，原數(shù)組不變（類似復制） var a=[1,2,3,4,5]; a.slice(2,4) //返回[3,4]，原數(shù)組不變 a.slice(0) //返回[1,2,3,4,5]，原數(shù)組不變 a.slice(3) //返回[4,5] ，原數(shù)組不變 console.log(a) // [1,2,3,4,5] splice(start,num,ele1,ele2...) 很強大的一個方法，start指 從下標start刪除（包括start對應的元素），必選 ；num指 刪除的個數(shù)，必選；ele1,ele2...代表插入的值，可選 返回：刪除的值，改變了原數(shù)組（類似剪切） var a=[1,2,3,4,5]; a.splice(1,2,"我是","插入的值") //返回刪除的值 2,3，改變了原數(shù)組 console.log(a) // [1,"我是"，"插入的值",4,5] concat()：數(shù)組和數(shù)組的粘結(jié)成新的數(shù)組（參數(shù)：可以為多個值或數(shù)組） 返回：新的數(shù)組，原數(shù)組不變 var a=[1,2,3,4]; var b=[5,6,7,8]; var c=a.concat(b); //返回[1,2,3,4,5,6,7,8]，原數(shù)組不變 console.log(c); // [1,2,3,4,5,6,7,8] 4、排序方法reverse()：將數(shù)組反序 返回：新的反序數(shù)組，也改變了原數(shù)組 var a = [1,2,3,4,5]; var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1] ，改變了原數(shù)組 sort()：按指定的參數(shù)對數(shù)組進行排序（參數(shù)：可選，函數(shù)）默認按照 ASCII表排序 ，如果想按照其他標準進行排序，就需要提供比較函數(shù)，該函數(shù)要比較兩個值，然后返回一個用于說明這兩個值的相對順序的數(shù)字。比較函數(shù)應該具有兩個參數(shù) a 和 b，其返回值如下：
返回：排序后的數(shù)組 ，改變了原數(shù)組 var a=[1,2,3,12,13]; a.sort() //返回 [1,12,13,2,3] //如果按照正常邏輯排序 ： a.sort(function(a,b){ return a-b; }) //[1,2,3,12,13]
5、拼接方法join(): 改變數(shù)組中拼接的符號，并轉(zhuǎn)化為字符串（參數(shù)："拼接符號"） 返回：拼接而成的字符串，原數(shù)組不變 var a=[1,2,"字符串",false,undefined,null]; b=a.join("++"); // 返回 1++2++字符串++false++++ ;原數(shù)組不變 console.log(b); //undefined null 自動過濾掉了 6、迭代（查找、遍歷）方法（1）查找方法： indexOf(item,start)：該方法搜索指定元素值位置，并返回下標。 參數(shù)：item是要查找的值，start是指你要從哪里開始找（該參數(shù)可選）。ps:start是可以取負值的，舉個栗子indexOf(x,-5)表示從倒數(shù)第6個開始（因為倒數(shù)第一個是0嘛），一直找到正序的第0個， 返回：如果多次出現(xiàn)，則返回第一次出現(xiàn)的下標（其實找到了就不會接著往后找了）；如果沒出現(xiàn)，返回 -1。 var fruits = ["Apple", "Orange", "Apple", "Mango"]; var a = fruits.indexOf("Apple"); //返回 0，原數(shù)組不變 console.log(a); //0 lastIndexOf(item,start)：與上面方法用法一樣，不同的地方是，他是逆行，是從結(jié)尾開始找的。start也能指定負值，如果start取-5，則表明從下標為5的地方開始，一直往前找。 var fruits = ["Apple", "Orange", "Apple", "Mango"]; var a = fruits.lastIndexOf("Apple");//返回2，原數(shù)組不變 console.log(a);//2 find()：ES6新增，查找通過測試（自定義函數(shù)內(nèi)判斷，通常配合ES6箭頭函數(shù)）的數(shù)組的第一個元素的值，參數(shù)：（自定義函數(shù)：函數(shù)的參數(shù)：（項目值（必選），項目索引，數(shù)組本身）） 返回：查找到的第一個值，，原數(shù)組不變 var numbers = [4, 9, 16, 25, 29]; var first = numbers.find(myFunction); //返回 25，原數(shù)組不變 function myFunction(value, index, array) { return value > 18; } findIndex()：與上面方法用法一樣，不同的地方是查找的是第一個下標 返回：查找到的第一個值的下標，查找不到則返回-1，原數(shù)組不變 var numbers = [4, 9, 16, 25, 29]; var first = numbers.findIndex(myFunction);//返回3，原數(shù)組不變 function myFunction(value, index, array) { return value > 18; }
（2）遍歷方法： 以下五種方法都接收兩個參數(shù)：要在每一項上運行的函數(shù)和（可選的）運行該函數(shù)的作用域?qū)ο蟆绊憈his的值 傳入這些方法中的函數(shù)會接收三個參數(shù)：數(shù)組項的值、該項在數(shù)組中的下標和數(shù)組對象本身。 根據(jù)使用的方法不同，這個函數(shù)執(zhí)行后的返回值可能會也可能不會影響方法的返回值。 以下是這五個迭代方法的作用。 every(function(item,index,array){})：對數(shù)組中的每一項運行給定函數(shù)，如果該函數(shù)對每一項都返回 true，則返回 true，原數(shù)組不變 var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1]; var everyResult = numbers.every(function(item, index, array){ return (item > 3); }) console.log(everyResult); //false some(function(item,index,array){})：對數(shù)組的每一項運行給定函數(shù)，如果該函數(shù)對任一項返回 true，則返回 true，原數(shù)組不變 var someResult = numbers.some(function(item, index, array) { return (item > 3); }) console.log(someResult); //true filter(function(item,index,array){})：對數(shù)組中的每一項運行給定函數(shù)，返回該函數(shù)調(diào)用結(jié)果值為true的項組成新的數(shù)組，原數(shù)組不變 var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1]; var filterResult = numbers.filter(function(item, index, array) { return (item > 3); }) console.log(filterResult); //[4, 5, 4]，原數(shù)組不變 map(function(item,index,array){})：對數(shù)組中的每一項運行給定函數(shù)，返回每次該函數(shù)調(diào)用的結(jié)果組成的數(shù)組，原數(shù)組不變 var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1]; var mapResult = numbers.map(function(item, index, array) { return item * 2; }) console.log(mapResult); //[2, 4, 6, 8, 10, 8, 6, 4, 2] forEach(function(item,index,array){})：對數(shù)組中的每一項運行給定的函數(shù)，該方法沒有返回值，本質(zhì)上與使用for循環(huán)迭代數(shù)組一樣，原數(shù)組不變 var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1]; var copy = []; var Result = numbers.forEach(function(item, index, array) { copy.push(item - 1) //執(zhí)行某些操作 }) console.log(numbers); //[1, 2, 3, 4, 5, 4, 3, 2, 1] 原數(shù)組不變 console.log(copy); //[0, 1, 2, 3, 4, 3, 2, 1, 0] console.log(Result); //undefined 無返回值 reduce(function(prev,item,index,array){},init)：對數(shù)組中的每一項運行給定函數(shù)，返回每次該函數(shù)調(diào)用的結(jié)果組成的數(shù)組，原數(shù)組不變 prev：必需，初始值, 或者計算結(jié)束后的返回值；init：可選，傳遞給函數(shù)的初始值，需要事先賦值 var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
7、轉(zhuǎn)換方法（Array、Boolean、Date、Number等對象通用方法）詳見區(qū)別：https://www.cnblogs.com/niulina/p/5699031.htmltoString()：改變數(shù)組中拼接的符號，并轉(zhuǎn)化為字符串（參數(shù)："拼接符號"） 返回：拼接而成的字符串，原數(shù)組不變 var a = [1, 2, 3, 4, 5]; var b = a.toString();//返回 1,2,3,4,5 ;原數(shù)組不變 console.log(a); //[1,2,3,4,5] console.log(b); //1,2,3,4,5 toLocaleString()：改變數(shù)組中拼接的符號，并轉(zhuǎn)化為字符串（參數(shù)："拼接符號"） 返回：拼接而成的字符串，原數(shù)組不變 var a = [1, 2, 3, 4, 5]; var b = a.toLocaleString();//返回 1,2,3,4,5 ;原數(shù)組不變 console.log(a); //[1,2,3,4,5] console.log(b); //1,2,3,4,5 valueOf()：通常由 JavaScript 在后臺自動進行調(diào)用，而不是顯式地處于代碼中
|
|
|
