JS中Array數組學習總結,jsarray數組總結
參考型別分為Object類型(所謂的對象),Array類型(本文談的數組),Function類型等。
那麼,數組是幹啥的呢?在我看來,它是用來儲存資料的。
一、聲明一個數組:
1、建構函式 var colors=new Array();簡寫的話可以省略new,即var colors=Array();
2、數組字面量 var colors=["black","green","pink"];
二、讀取和設定數組的值:
讀取:colors[x];參數x為0~colors.length-1;
設定的話直接給colors[x]=進行賦值就好,這樣會覆蓋之前的數值哦;
三、在這裡簡單說說length的用法:
colors.length擷取數組的長度,也可以說是數組有幾項,如果說一個數組有7項,但是你寫入了colors.length=2,那麼就會刪除後面的5項;
利用length屬性也可以為數組最後添加資料:colors[colors.length]=進行賦值;
四、數組中的操作:
| 方法 |
作用 |
傳回值 |
| Array.push(x,y,z) |
把xyz添加到數組末尾 |
新數組長度 |
| Array.pop() |
移除數組最後一項 |
移除的最後一項 |
| Array.shift() |
移除數組第一項 |
移除的第一項 |
| Array.unshift(a,b,c) |
在數組前端添加a,b,c |
新數組長度 |
| Array.reverse() |
反轉數組 |
反轉後的新數組 |
| Array.sort() |
對數組中每一項的字串進行升序排列 |
重新排序後的數組 |
| Array.concat(a,b,c) |
串連數組 |
返回串連好的新數組 |
| Array.slice(1,n) |
截取數組,從1到n,1和n為索引值 |
返回截取的數組(在這裡返回從1開始,到n之前結束) |
| Array.indexOf(a,start) |
尋找a的所在的位置,從start開始 |
返回a所在的索引值,如果沒有尋找到則返回-1 |
| Array.lastIndexOf(a,atart) |
與indexOf相反,lastIndexOf從末尾開始尋找 |
返回a所在的索引值,如果沒有尋找到則返回-1 |
splice()方法單拿出來說說。為什麼單拿出來?因為牛逼;
1.刪除。接受兩個參數:要刪除第一項的位置和要刪除的項數;
例:splice(1,2),就是要刪除數組種的2,3項;
2.插入。接受三個參數:起始位置,0,要插入的項。
例:splice(2,0,"red","green"),會在數組索引值為2的位置插入red和green。
3.替換。接受三個參數:起始位置,要刪除的項數,要插入的項。
例:splice(2,1,"red","green"),刪除索引值為2這一項,添加red和green。
tips:sort()用法執行個體:按升序排列數組function compare(val1,val2){if(val1<val2){return -1;}else if(val1>val2){return 1;}else{retuen 0}}var num=[0,2,9,3,1];num.sort(compare);alert(num);//0,1,2,3,9
五。數組中的迭代方法
1.every()和some():
查詢數組中的每一項是否滿足條件,如果每一項都返回true,則result返回true。var numbers=[0,1,2,3,4];var result=numbers.every(function(item,index,array){return (item>2)})alert(result);//false查詢數組中的每一項是否滿足條件,如果有一項都返回true,則result返回true。var numbers=[0,1,2,3,4];var result=numbers.some(function(item,index,array){return (item>2)})alert(result);//true
2.filter():
該方法會返回結果為true的項組成的數組;
3.map():
var result=numbers.map(function(item,index,array){return item*2;})
返回數組執行完參數之後的新數組。
六、歸併
Array.reduce()
var numbers=[1,2,3,4,5];var sum=numbers.reduce(function(prev,cur,index,array){return prev+cur})alert(sum);
在上個例子中,reduce()接受四個參數,第一個參數是數組的第一項,第二個參數是數組的第二項;
第一次執行函數,prev是1,cur是2,第二次執行,prev是3(1+2的結果),cur是3。
Array.reduceRight()。和reduce類似。只不過從數組右側開始。
以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的協助,同時也希望多多支援幫客之家!