JavaScript中的Array類型是經常用到的，Array類型也提供了很多方法能實現(xiàn)我們需求，下面我們來總結一下

一、創(chuàng)建Array的方法

var colors=new Array();

var colors=new Array(3);//創(chuàng)建一個長度為3的數(shù)組

var colors=new Array("red","blue")//創(chuàng)建一個數(shù)組["red","blue"]

當然，上面的new可以省略不寫，如 var colors=Array("red");

2、直接使用數(shù)組字面量

var colors=["red","blue","green"];

二、Array的方法1

var colors=["red","blue","green"];

1、獲取數(shù)組的長度 colors.length;//3

2、訪問數(shù)組第二項colors[1];//blue

3、更改數(shù)據(jù)的第二項colors[1]="black";//["red","black","green"]

4、檢查是否是一個數(shù)組 colors instanceof Array;//true

5、colors.toString();//默認會以逗號隔開輸出字符串  red,blue,green

6、colors.join("|");//自定義以“|”隔開輸出字符串 red|blue|green

7、colors.push("brown")//往數(shù)組的尾部添加一項

8、colors.pop()//往數(shù)組的尾部刪除一項

9、colors.shift()//刪除數(shù)組的第一項，并取得該值

10、colors.unshift("k1","k2")//往數(shù)組的前面插入這兩項；["k1","k2","red","blue","green"];

11、colors.reverse()//翻轉數(shù)組的順序

12、colors.sort()或者colors.sort([func]);

13、concat() 返回一個新數(shù)組，不影響原數(shù)組 colors.concat()或者colors.concat("k1");

14、slice(begin,end)從數(shù)組下標begin開始到end復制這個數(shù)據(jù)，不包括下標end，如果是slice(begin)那么就是從下標begin開始到數(shù)組的尾部

15、splice

splice(0,2)//從下標0開始刪除數(shù)組的兩項

splice(2,0,"k1","k2")從下標2開始刪除0項，緊接著從這里插入兩項

splice(2,1,"k1")//從下標2開始刪除一項，緊接著從這里插入一項

16、indexOf("item")//從數(shù)組頭開始查找某項，找到后返回下標值，找不到返回-1

17、lastIndexOf("item")//從數(shù)組尾開始查找某項，找到后返回下標值，找不到返回-1

三、Array方法2：迭代方法（ECMAScript5）

1、every():對數(shù)組的每一項運行給定的函數(shù)，每一項都返回true，則返回true（不影響原數(shù)組）

var numbers=[1,2,3,2,1];

//判斷是否每個數(shù)字都大于2

var flag=numbers.every(function (item,index,array) {

  return item>2;

});

2、filter()：對數(shù)組中每一項運行給定的函數(shù)，返回該函數(shù)為true的項（不影響原數(shù)組）

var numbers=[1,2,3,2,1];

//返回大于2的項

var array=numbers.filter(function (item,index,array) {

  return item>2;

});

3、forEach()：對數(shù)組中的每一項執(zhí)行給定的函數(shù)，不返回值 （不影響原數(shù)組）

var numbers=[1,2,3,2,1];

//輸出每一項的平方

numbers.forEach(function (item,index,array) {

  console.log(item*2);

});

4、map()：對數(shù)組的每一項執(zhí)行給定的函數(shù)，返回每次函數(shù)調用后結果組成的數(shù)組（不影響原數(shù)組）

var numbers=[1,2,3,2,1];

//返回每一項的平方

var array=numbers.map(function (item,index,array) {

  return item*item;

});

5、some()：對數(shù)組的每一項執(zhí)行給定的函數(shù)，如果有一項返回true則，則返回true

var numbers=[1,2,3,2,1];

var flag=numbers.some(function (item,index,array) {

  return item>2

});

三、Array方法3：歸并方法（ECMAScript5）

1、reduce()方法從數(shù)組的第一行開始，逐個遍歷到最后

2、reduceRight()方法從數(shù)組的最后一項開始，逐個向前遍歷

var numbers=[1,2,3,4,5];

var result=numbers.reduce(function (prev,cur,index,array) {

  //prev：前一個運算的結果，剛開始時候為數(shù)字的第一項

  //cur:數(shù)組的當前項

  //index:當前數(shù)組的下標

  //array：執(zhí)行這個運算的數(shù)組，當前為numbers

  console.log("prev:"+prev);

  console.log("cur:"+cur);

  console.log("index:"+index);

  console.log("array:"+array);

  console.log("=============");

  return prev+cur;

});

以上這篇JavaScript 數(shù)組- Array的方法總結(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考