一、Array數(shù)組常用方法

1、棧方法（先進(jìn)后出）

push()：在數(shù)組的最后一項(xiàng)后追加值（參數(shù)：可以為多個(gè)值或數(shù)組）

　　　　返回：數(shù)組的長(zhǎng)度，改變了原數(shù)組

var a=[1,2,3]
a.push(9);  //返回?cái)?shù)組的長(zhǎng)度 4，改變了原數(shù)組
console.log(a) //[1,2,3,9]

pop()： 刪除數(shù)組的最后一項(xiàng)（無參數(shù)）

　　　   返回：被刪除的值，改變了原數(shù)組

var a=[1,2,3,4];
a.pop()   // 返回刪除值 4，改變了原數(shù)組
console.log(a)  // [1,2,3]

 2、隊(duì)列方法（先進(jìn)先出）

unshift()：在數(shù)組最前一項(xiàng)插入值（參數(shù)：可以為多個(gè)值或數(shù)組）

　　　　   返回：數(shù)組的長(zhǎng)度，插入的值為數(shù)組，變?yōu)樽訑?shù)組，改變了原數(shù)組

var a=[1,2,3];　　　　　　　　　　　
a.unshift(4);  //返回?cái)?shù)組的長(zhǎng)度 4，改變了原數(shù)組　　　　
console.log(a);  //[4,1,2,3]　　

shift()：刪除數(shù)組的最前一項(xiàng)（無參數(shù)）

　　　   返回：刪除的值，改變了原數(shù)組

var a=[1,2,3,4];
a.shift()  //返回被刪除的值 1，改變了原數(shù)組
console.log(a)  //[2,3,4]

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]

var a=[1,2,3,4,5];
a.splice(1,2,"我是","插入的值")   //返回刪除的值 2,3，改變了原數(shù)組
console.log(a)  //  [1,"我是"，"插入的值",4,5]

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ù)組

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ù)組中拼接的符號(hào)，并轉(zhuǎn)化為字符串（參數(shù)："拼接符號(hào)"）

　　　  返回：拼接而成的字符串，原數(shù)組不變

var a=[1,2,"字符串",false,undefined,null];
b=a.join("++");  // 返回 1++2++字符串++false++++ ;原數(shù)組不變
console.log(b);   //undefined null 自動(dòng)過濾掉了

6、迭代（查找、遍歷）方法

（1）查找方法：

indexOf(item,start)：該方法搜索指定元素值位置，并返回下標(biāo)。

　　　　　　參數(shù)：item是要查找的值，start是指你要從哪里開始找（該參數(shù)可選）。ps:start是可以取負(fù)值的，舉個(gè)栗子indexOf(x,-5)表示從倒數(shù)第6個(gè)開始（因?yàn)榈箶?shù)第一個(gè)是0嘛），一直找到正序的第0個(gè)，

                      返回：如果多次出現(xiàn)，則返回第一次出現(xiàn)的下標(biāo)（其實(shí)找到了就不會(huì)接著往后找了）；如果沒出現(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也能指定負(fù)值，如果start取-5，則表明從下標(biāo)為5的地方開始，一直往前找。

var fruits = ["Apple", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");//返回2，原數(shù)組不變
console.log(a);//2

find()：ES6新增，查找通過測(cè)試（自定義函數(shù)內(nèi)判斷，通常配合ES6箭頭函數(shù)）的數(shù)組的第一個(gè)元素的值，參數(shù)：（自定義函數(shù)：函數(shù)的參數(shù)：（項(xiàng)目值^（必選），項(xiàng)目索引，數(shù)組本身））

　　　  返回：查找到的第一個(gè)值，，原數(shù)組不變

var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction); //返回 25，原數(shù)組不變
function myFunction(value, index, array) {
  return value > 18;
}

findIndex()：與上面方法用法一樣，不同的地方是查找的是第一個(gè)下標(biāo)

　　　　　　返回：查找到的第一個(gè)值的下標(biāo)，查找不到則返回-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）遍歷方法：

　　以下五種方法都接收兩個(gè)參數(shù)：要在每一項(xiàng)上運(yùn)行的函數(shù)和（可選的）運(yùn)行該函數(shù)的作用域?qū)ο蟆绊憈his的值

　　傳入這些方法中的函數(shù)會(huì)接收三個(gè)參數(shù)：數(shù)組項(xiàng)的值、該項(xiàng)在數(shù)組中的下標(biāo)和數(shù)組對(duì)象本身。 根據(jù)使用的方法不同，這個(gè)函數(shù)執(zhí)行后的返回值可能會(huì)也可能不會(huì)影響方法的返回值。 以下是這五個(gè)迭代方法的作用。

every(function(item,index,array){})：對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對(duì)每一項(xiàng)都返回 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){})：對(duì)數(shù)組的每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對(duì)任一項(xiàng)返回 true，則返回 true，原數(shù)組不變

var someResult = numbers.some(function(item, index, array) {
return (item > 3);
})
console.log(someResult); //true

filter(function(item,index,array){})：對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回該函數(shù)調(diào)用結(jié)果值為true的項(xiàng)組成新的數(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){})：對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(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){})：對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定的函數(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)：對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回每次該函數(shù)調(diào)用的結(jié)果組成的數(shù)組，原數(shù)組不變

　　　　　　　　　　　　　　　　　　　　　　prev：必需，初始值, 或者計(jì)算結(jié)束后的返回值；init：可選，傳遞給函數(shù)的初始值，需要事先賦值

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
var init=10;
var Result = numbers.reduce(function(prev, item, index, array) {
  return prev + item
},init)
console.log(numbers); //[1, 2, 3, 4, 5, 4, 3, 2, 1] 原數(shù)組不變
console.log(Result); //返回 35

7、轉(zhuǎn)換方法（Array、Boolean、Date、Number等對(duì)象通用方法）詳見區(qū)別：https://www.cnblogs.com/niulina/p/5699031.html

toString()：改變數(shù)組中拼接的符號(hào)，并轉(zhuǎn)化為字符串（參數(shù)："拼接符號(hào)"）

　　　  　　返回：拼接而成的字符串，原數(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ù)組中拼接的符號(hào)，并轉(zhuǎn)化為字符串（參數(shù)："拼接符號(hào)"）

　　　  　　　　    返回：拼接而成的字符串，原數(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 在后臺(tái)自動(dòng)進(jìn)行調(diào)用，而不是顯式地處于代碼中