JavaScript中的Array類型是經常用到的,Array類型也提供了很多方法能實現我們需求,下面我們來總結一下
一、創建Array的方法
var colors=new Array();
var colors=new Array(3);//創建一個長度為3的數組
var colors=new Array("red","blue")//創建一個數組["red","blue"]
當然,上面的new可以省略不寫,如 var colors=Array("red");
2、直接使用數組字面量
var colors=["red","blue","green"];
二、Array的方法1
var colors=["red","blue","green"];
1、獲取數組的長度 colors.length;//3
2、訪問數組第二項colors[1];//blue
3、更改數據的第二項colors[1]="black";//["red","black","green"]
4、檢查是否是一個數組 colors instanceof Array;//true
5、colors.toString();//默認會以逗號隔開輸出字符串 red,blue,green
6、colors.join("|");//自定義以“|”隔開輸出字符串 red|blue|green
7、colors.push("brown")//往數組的尾部添加一項
8、colors.pop()//往數組的尾部刪除一項
9、colors.shift()//刪除數組的第一項,並取得該值
10、colors.unshift("k1","k2")//往數組的前面插入這兩項;["k1","k2","red","blue","green"];
11、colors.reverse()//翻轉數組的順序
12、colors.sort()或者colors.sort([func]);
13、concat() 返回一個新數組,不影響原數組 colors.concat()或者colors.concat("k1");
14、slice(begin,end)從數組下標begin開始到end復制這個數據,不包括下標end,如果是slice(begin)那麼就是從下標begin開始到數組的尾部
15、splice
splice(0,2)//從下標0開始刪除數組的兩項
splice(2,0,"k1","k2")從下標2開始刪除0項,緊接著從這裡插入兩項
splice(2,1,"k1")//從下標2開始刪除一項,緊接著從這裡插入一項
16、indexOf("item")//從數組頭開始查找某項,找到後返回下標值,找不到返回-1
17、lastIndexOf("item")//從數組尾開始查找某項,找到後返回下標值,找不到返回-1
三、Array方法2:迭代方法(ECMAScript5)
1、every():對數組的每一項運行給定的函數,每一項都返回true,則返回true(不影響原數組)
var numbers=[1,2,3,2,1]; //判斷是否每個數字都大於2 var flag=numbers.every(function (item,index,array) { return item>2; });
2、filter():對數組中每一項運行給定的函數,返回該函數為true的項(不影響原數組)
var numbers=[1,2,3,2,1]; //返回大於2的項 var array=numbers.filter(function (item,index,array) { return item>2; });
3、forEach():對數組中的每一項執行給定的函數,不返回值 (不影響原數組)
var numbers=[1,2,3,2,1]; //輸出每一項的平方 numbers.forEach(function (item,index,array) { console.log(item*2); });
4、map():對數組的每一項執行給定的函數,返回每次函數調用後結果組成的數組(不影響原數組)
var numbers=[1,2,3,2,1]; //返回每一項的平方 var array=numbers.map(function (item,index,array) { return item*item; });
5、some():對數組的每一項執行給定的函數,如果有一項返回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()方法從數組的第一行開始,逐個遍歷到最後
2、reduceRight()方法從數組的最後一項開始,逐個向前遍歷
var numbers=[1,2,3,4,5]; var result=numbers.reduce(function (prev,cur,index,array) { //prev:前一個運算的結果,剛開始時候為數字的第一項 //cur:數組的當前項 //index:當前數組的下標 //array:執行這個運算的數組,當前為numbers console.log("prev:"+prev); console.log("cur:"+cur); console.log("index:"+index); console.log("array:"+array); console.log("============="); return prev+cur; });
以上這篇JavaScript 數組- Array的方法總結(推薦)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。