JS陣列方法總結

2021-09-01 09:12:44 字數 2581 閱讀 4618

1、 轉換方法

tostring():返回陣列的字串表示,每個值的字串表示拼接成乙個字串,中間以逗號隔開。

tolocalestring()、valueof()

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

console.log(colors.tolocalestring());//red,blue,yellow

console.log(colors.tostring());//red,blue,yellow

console.log(colors.valueof()); //(3) ["red", "blue", "yellow"]

console.log(colors);//(3) ["red", "blue", "yellow"]

2、join():接收乙個引數,即用做分隔符,然後返回包含所有陣列項的字串。

var colors = [「red」,「blue」,「yellow」];

console.log(colors.join(","));//red,blue,yellow

console.log(colors.join("||"));//red||blue||yellow

3、棧方法

push():接收任意數量的引數,把它們逐個新增到陣列末尾,並返回修改後的陣列長度。

pop():陣列末尾移除最後一項,減少陣列的length,然後返回移除的項。

4、佇列方法

push():向陣列末尾新增項;

shift():移除陣列中的第一項並返回該項;

unshift();能夠在陣列前端新增人乙個項並返回新陣列的長度;

5、重排序方法

reverse();反項陣列項的順序;

sort():預設公升序(小-》大)

原理:sort()會呼叫每個陣列項的tostring()轉型方法,然後比較得到的字串,以確定如何排序。即使陣列中的每一項都是數值,sort也比較的是字串。所以存在問題,「10」會排在「5」的前面。故sort()接受乙個比較函式作為引數,以方便我們指定哪個值位於哪個值的前面。

//公升序--注釋後是降序

function compare(v1,v2)esle

}

6、操作方法

concat():基於當前陣列中的所有項建立乙個新陣列。建立乙個副本,把接收到的引數新增到副本末尾,返回新構建的陣列。

slice():基於當前陣列中的乙個或多個項建立乙個新陣列。接受乙個(到結束)或者兩個引數,要返回的起始位置到結束位置。

splice():主要用於向陣列中部插入項,返回乙個陣列,陣列包含從原始陣列中刪除的項,(如果沒有刪除任何項,則返回乙個空陣列)

刪除–splice(a,b):a刪除的位置,b要刪除的項數

插入–splice(a,0,c):a起始位置,0要刪除的項數,要插入的項。可以插入多個項,再傳幾個引數進去。

替換–splice(a,b,c):a起始位置,b要刪除的項數,要插入的項。

7、位置方法

indexof(a[,b]):要查詢的項和(可選)表示查詢起點的位置的索引。從頭部開始找,要全等。

lastindexof(a[,b]):要查詢的項和(可選)表示查詢起點的位置的索引。從尾部開始找,要全等。

均返回查詢項在陣列中的位置,沒找到返回-1;

8、迭代方法

every(fn[,a]):對陣列中的每一項執行給定函式,若每一項均滿足,返回true,否則flase;

some(fn[,執行該函式的作用域物件]):對陣列中的任意一項執行給定函式,若每一項均滿足,返回true,否則flase;

filter(fn[,執行該函式的作用域物件]):對陣列中的每一項執行給定函式,返回為true組成的陣列。

map(fn[,執行該函式的作用域物件]):對陣列中的任意一項執行給定函式,返回每次函式呼叫的結果組成的陣列;

foreach(fn[,執行該函式的作用域物件]):對陣列中的任意一項執行給定函式,無返回值;

fn:在每一項上呼叫的函式;fn接受三個引數fn(item,index,arr),item陣列項的值,index該項在陣列中的位置,arr陣列物件本身。

a:可選執行該函式的作用域物件—影響this的值;

9、歸併方法

reduce(fn[,a])、reduceright(fn[,a]),迭代陣列的所有項,然後構建乙個最終返回值。

fn:在每一項上呼叫的函式,a可選歸併基礎的初始值。fn接受四個引數fn(before,current,index,arr)before前乙個值,current當前值,index索引,arr陣列本身。這個函式返回的任何值都會作為第乙個引數自動傳給下一項。第一次迭代發生在陣列的第二項上,因此第乙個引數是陣列的第一項,第二個引數是陣列的第二項。

reduceright(fn[,a])作用類似,方向相反。

//陣列求和

var values = [1,2,4,8]

var sum = values.reduce(function(pre,cur,index,array));

console.log(sum);

js陣列方法總結

下面詳細介紹一下各個方法的基本功能。1 join join separator 將陣列的元素組起乙個字串,以separator為分隔符,省略的話則用預設用逗號為分隔符,該方法只接收乙個引數 即分隔符。var arr 1,2,3 console.log arr.join 1,2,3 console.l...

js陣列方法總結

concat 方法連線兩個或多個陣列。語法 arrayobject.concat arrayx,arrayx,arrayx 引數必須,引數可以是值,也可以是陣列 把引數陣列的值連線到陣列後 該方法不會改變現有的陣列,而是返回連線後的陣列。var arr 1,2,3 引數是兩個值 var concat...

JS 陣列方法總結

在我們到陣列這塊內容的時候,我們會發現陣列的方法居多,功能巨強大,進行我們對陣列的所有原生方法進行分類總結。1.檢測陣列 用於檢測某個屬性或者物件是否屬於物件或者陣列 返回值為 true false var arr 1,2,3 console.log arr instanceof array tru...