JS提供了很多方便操作數(shù)組的方法宠漩,本文所要分享的就是如何快速對數(shù)組進行增、刪抛计、改哄孤、查。
一吹截、增
1瘦陈、push()
可接收任意數(shù)量的參數(shù),把它們逐個添加至數(shù)組末尾波俄,并返回修改后數(shù)組的長度晨逝。例如:
var arr = [];
var len = arr.push(1);
console.log(arr); // [1]
console.log(len); // 1
len = arr.push(2,3);
console.log(arr); // [1,2,3]
console.log(len); // 3
2、unshift()
該方法與push()類似懦铺,也可接收任意數(shù)量的參數(shù)捉貌,只不過是將參數(shù)逐個添加至數(shù)組前端而已,同樣返回新數(shù)組長度冬念。咱們接著上面的例子:
var len = arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]
console.log(len); // 4
len = arr.unshift(-2,-1);
console.log(arr); // [-2, -1, 0, 1, 2, 3]
console.log(len); // 6
3趁窃、concat()
該方法與push()方法有點類似,同樣是將元素添加至數(shù)組末尾急前,只不過這個數(shù)組已經(jīng)不是原來的那個數(shù)組了醒陆,而是其副本,所以concat()操作數(shù)組后會返回一個新的數(shù)組裆针。具體用法如下:
① 不傳參數(shù)刨摩,返回當前數(shù)組副本
② 傳遞一或多個數(shù)組,則該方法會將這些數(shù)組中的每一項都添加到結果數(shù)組中
③ 傳遞非數(shù)組參數(shù)世吨,這些參數(shù)就會被直接添加到結果數(shù)組的末尾
繼續(xù)接著上面的栗子:
var arr1 = arr.concat(4,[5,6]);
console.log(arr); // [-2, -1, 0, 1, 2, 3]
console.log(arr1); // [-2, -1, 0, 1, 2, 3, 4, 5, 6]
例子中一目了然澡刹,原數(shù)組保持不變,新數(shù)組后面添加了4耘婚、5罢浇、6三個元素。
4沐祷、splice()
前面的三個方法都具有很大局限性嚷闭,因為不是添加到數(shù)組前就是數(shù)組后,而splice()就不一樣了戈轿,它非常靈活和強大凌受。靈活是因為它可以添加元素到數(shù)組的任意位置阵子,強大是因為它除了可以添加元素之外還具有刪除和替換元素的功能(這個后面會陸續(xù)講到)思杯。
splice()可以向數(shù)組指定位置添加任意數(shù)量的元素,需要傳入至少3個參數(shù): 起始位置、0(要刪除的元素個數(shù))和要添加的元素色乾。
依然接著上面的例子繼續(xù):
arr.splice(3,0,0.2,0.4,0.6,0.8);
console.log(arr); // [-2, -1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2, 3]
可以看出誊册,splice()與push()和unshift()一樣是直接在原數(shù)組上修改的。
二暖璧、刪
1案怯、pop()
與push()方法配合使用可以構成后進先出的棧,該方法可從數(shù)組末尾刪除最后一項并返回該項澎办。
接著上例:
var item = arr.pop();
console.log(item); // 3
console.log(arr); // [-2, -1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]
2嘲碱、shift()
與push()方法配合使用可以構成先進先出的隊列,該方法可刪除數(shù)組第一項并返回該項局蚀。
繼續(xù)接著上例:
var item = arr.shift();
console.log(item); // -2
console.log(arr); // [-1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]
3麦锯、slice()
該方法同concat()一樣是返回一個新數(shù)組,不會影響原數(shù)組琅绅,只不過slice()是用來裁剪數(shù)組的扶欣,返回裁剪下來的數(shù)組艰毒,具體用法如下:
slice()方法可以接受一或兩個參數(shù)左腔,即要返回項的起始和結束位置汰翠。在只有一個參數(shù)的情況下香嗓,slice()方法返回從該參數(shù)指定位置開始到當前數(shù)組末尾的所有項狐榔。如果有兩個參數(shù)藕筋,該方法返回起始和結束位置之間的項——但不包括結束位置的項葫督。
咱們還是繼續(xù)接著上面例子吧~~
var arr2 = arr.slice(2,6);
console.log(arr); // [-1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]
console.log(arr2); // [0.2, 0.4, 0.6, 0.8]
4叽赊、splice()
好煤痕,繼續(xù)講這個“萬能”的方法梧宫。
上面講到,該方法在添加數(shù)組元素的時候需要傳入3個以上參數(shù)摆碉,而其中第2個參數(shù)就是用于指定要刪除元素的個數(shù)的塘匣,那時我們傳的是數(shù)字0。那么巷帝,如果單單只需刪除元素忌卤,我們就只需給splice()傳入兩個參數(shù),第1個參數(shù)用于指定要刪除的第一項的位置楞泼,第2個參數(shù)用于指定要刪除元素的個數(shù)驰徊。
繼續(xù)上例~~
arr.splice(2,4);
console.log(arr); // [-1, 0, 1, 2]
從索引項為2的位置開始刪除4個元素,所以結果為 [-1, 0, 1, 2]堕阔。
三棍厂、改
這個其實最靈活的方式就是直接使用splice()這個強大的方法了,其實通過以上對該方法的了解超陆,我們大致就能知道使用該方法修改數(shù)組元素的基本原理牺弹。
原理很簡單浦马,就是向指定位置插入任意數(shù)量的元素,且同時刪除任意數(shù)量的元素张漂。
依然繼續(xù)上例~~
arr.splice(2,1,0.5,1,1.5);
console.log(arr); // [-1, 0, 0.5, 1, 1.5, 2]
四晶默、查
indexOf()和lastIndexOf()
這兩個方法都接收兩個參數(shù):要查找的項和(可選的)表示查找起點位置的索引。其中航攒,indexOf()從數(shù)組的開頭(位置0)開始向后查找磺陡,lastIndexOf()方法則從數(shù)組的末尾開始向前查找。
例如:
var index = arr.indexOf(0);
console.log(index); // 1
index = arr.indexOf(3,0);
console.log(index); // -1
當找不到該元素時漠畜,返回 -1 币他,lastIndexOf()方法同理。