首頁 > web前端 > js教程 > 主體

Js中Array數組學習總結

黄舟
發布: 2017-02-10 10:04:21
原創
1004 人瀏覽過

第一次寫部落格。 。 。有點方。 。 。

小白一枚(是真的小白),自學前端,下面來說說我在學習過程中總結的一些數組操作,如果說哪有錯誤,請各位大神多多指出,小的虛心接受。

引用型別分為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.unshift(a,b,c)在陣列前端加入a,b,c新陣列長度Array.re()?陣列Array.sort()對陣列中每一項的字串進行升序排列重新排序後的陣列Array.concat(aa,a,a,a,a,a,a8,a,a,a8,a,a8,a,a) 數組返回連接好的新數組返回截取的數組(在這裡返回從1開始,到n之前結束)返回a所在的索引值,如果沒有查找到則返回-1返回a所在的索引值,lastIndexOf從末尾開始查找
方法 作用 回傳值
Array.push(y,xy Array.pushx,xyy,xy
Array.pop() 移除數組最後一項
Array.shift() 移除數字
Array.re)
Array.slice(1,n) 截取數組,從1到n,1和n為索引值
Array.indexOf(a,start) 查找a的所在的位置,從start開始
Array .lastIndexOf(a,atart) 與indexOf相反,lastIndexOf從末尾開始查找
 

 

 

 

 

 

 

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。

(val1< -1 (val1> 10
登入後複製

 五。陣列中的迭代方法

1.every()與some():


 numbers=[0,1,2,3,4 result=numbers.every( (item>2 numbers=[0,1,2,3,4 result=numbers.some( (item>2
登入後複製

2.filter():


2.filter():


該方法會傳回結果為true的

2.filter():

該方法會傳回結果為true的

.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類似。只不過從數組右側開始。

 

以上就是Js中Array陣列學習總結 的內容,更多相關內容請關注PHP中文網(www.php.cn)!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!