1.concat()方法
concat()方法:基于當前數組中所有項創建新數組。
具體過程: 先創建數組的一個副本,若是concat()有參數,將接收到的參數添加到副本的末尾,然后返回新構建的數組;若是沒有參數,僅僅復制當前數組并返回副本數組。
concat()中的參數可以是一個新的數組也可以是一個字符串。
var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow",["black","brown"]);
alert(colors);
alert(colors2);
結果為colors為數組[“red”,”green”,”blue”];
colors2為數組[“red”,”green”,”blue”,”yellow”,”black”,”brown”];
concat()方法只是用當前數組重新創建一個新的數組,因此當前數組保持不變(colors數組不變)。
2.slice()
slice()方法:基于當前數組中的一個或多個項創建一個新數組。
slice()方法中可以有一個或者兩個參數(代表數組的索引值,0,1,2……)。接收一個參數時:返回當前數組中從此參數位置開始到當前數組末尾間所有項。接收兩個參數時:返回當前數組中兩個參數位置間的所有項,但不返回第二個參數位置的項。
參數也可以為負數,表示從末尾算起,-1代表最后一個,使用方法和正數一樣。
var colors = ["red","green","blue","yellow","black","brown"];
var colors2 = colors.slice(2);
var colors3 = colors.slice(1,4);
var colors4 = colors.slice(2,-2);
var colors5 = colors.slice(-3,-1);
console.log(colors2);
console.log(colors3);
console.log(colors4);
console.log(colors5);
結果為:
[“blue”, “yellow”, “black”, “brown”]
[“green”, “blue”, “yellow”]
[“blue”, “yellow”]
[“yellow”, “black”]
3.splice()
splice()主要用途是向當前數組的中間插入項,可以進行刪除、插入、替換操作。會返回一個數組,包含從原始項中刪除的項(若果沒有刪除,返回一個空數組)
刪除:兩個參數,刪除起始項的位置和刪除的項數。
var colors = ["red","green","blue"];
var removed = colors.splice(1,2);
alert(colors); //red
alert(removed); //green,blue
插入:在指定位置插入任意數量項,包括兩個基本參數(即刪除操作中的兩個參數類型)和要插入項的參數,兩個基本參數為起始位置和0(要刪除的項數應為0項),要插入的項參數可以是任意個(”red”,”green”,”blue”)。
var colors = ["red","green","blue"];
var removed = colors.splice(1,0,"yellow","orange");
alert(colors); //"red","yellow","orange","green","blue"
alert(removed); //空數組
替換:向指定位置插入任意數量的項同時刪除任意數量的項,插入項數和刪除項數可以不同。參數包括兩個基本參數(即刪除操作中的兩個參數類型)和要插入項的參數。
var colors = ["red","green","blue"];
var removed = colors.splice(1,1,"purple","black");
alert(colors); //"red","purple","black","blue"
alert(removed); //"green"
其實總的理解是splice()方法包含兩個刪除項基本參數和任意個插入項參數,兩個刪除項基本參數中第一個指定刪除位置,第二個指定刪除個數,如果個數為0,自然不刪除,只有指定位置功能了。任意個插入項參數代表要插入的項值,數量不限,可省略,省略時splice()方法只進行刪除操作。