js中陣列的一常用方法總結

2022-08-23 05:12:09 字數 1554 閱讀 8467

js中一切皆物件,所有物件有的方法在陣列中都可以使用,下面來介紹一些常用方法

這裡將來方法分為七種分別為:棧方法,佇列方法,重排序方法,操作方法,位置方法,迭代方法,歸併方法

一、棧方法 :模擬類似棧的lifo(last-in-first-out)資料結構的一些方法

1、push : 在陣列的末尾插入n項 ,返回新陣列長度

eg :  var count = fruits.push("peach")   // 3

2、pop :在刪除陣列中的最後一項。返回刪除項

eg :var count = fruits.pop()   // 3

二、佇列方法:佇列的訪問規則lifo(last-in-first-out)模擬的方法

1、shift : 刪除陣列第一項,返回刪除項

2、unshift : 數值前端插入n項,返回新陣列長度

三、重排序方法:打亂陣列順序

1、reverse : 翻轉陣列項的順序,返回新陣列

2、sort : 根據檢測字串的結果由小到大排序,返回新陣列,可接受函式作為引數

eg :var arr = [ 1,3,15 ] ;

var sortarr = arr.sort() ;  // [ 1,15,3 ]

因為都作為字串處理,所有對於排序數字一般會傳入乙個函式 ;

function compare(value1,value2)else if( value1 > value2 )else{

return 0;

四、操作方法

1、concat : 連線n個陣列,返回合併之後的陣列,不會改變原陣列

var arr1 = [ 1,2,3 ] ;

var arr2 = [ 4,5 ];

var arr3 = arr1.concat(arr2)  // [1,2,3,4,5] 

2、slice:基於原陣列的乙個或多個建立新陣列 ( [ ) ),返回新陣列,不會改變原陣列  ,

var numberarr = [ 1,2,3,4,5,6,7 ];

var newnumber = numberarr.slice(1,4);   // [ 2,3,4 ];

3、splice:刪除,插入,替換運算元組 ( [ ] ),返回操作的部分並以陣列形式返回,會改變原陣列;

var numberarr = [ 1,2,3,4,5,6,7 ] ;

3.1 、刪除,兩個引數,刪除第一項的位置以及刪除的相熟

var newnumber = numberarr.splice(1,4);     // [ 2,3,4 ,5]; 

3.2、插入 :三個引數,起始位置,刪除的項數(0),插入的項 

var newnumber = numberarr.splice(1,0,8,9);     // [ 1,2,3,4,5,6,7,8,9];  

3.3、替換:三個引數 第二個引數改為1 ;

五、位置方法

兩種方法都接受兩個引數,查詢項和開始的索引(可選)

1、indexof:陣列索引0開始

2、lastindexof:陣列最後一項開始

六、迭代方法和歸併方法

js中陣列常用方法總結

1.array.map 此方法是將陣列中的每個元素呼叫乙個提供的函式,結果作為乙個新的陣列返回,並沒有改變原來的陣列。let arr 1 2,3 4,5 let newarr arr.map x x 2 arr 1,2,3,4,5 原陣列保持不變 newarr 2,4,6,8,10 返回新陣列2.a...

js中陣列常用方法總結

array.map 此方法是將陣列中的每個元素呼叫乙個提供的函式,結果作為乙個新的陣列返回,並沒有改變原來的陣列1 let arr 1,2,3,4,5 let newarr arr.map x x 2 arr 1,2,3,4,5 原陣列保持不變 newarr 2,4,6,8,10 返回新陣列 2 l...

js 中陣列的常用方法總結

arr.fill a 所有子元素 都改為 a array 8 fill 0 後面八個元素 全部用 代替 array 8 fill 0,5 後面5 個元素用 代替,其他是 undefined arr.every item item.age 20 如果陣列中所有元素的age 20 返回true,否則返回...