javascript數組操作方法整理

1.棧方法-push()/pop()

JavaScript提供了push()/pop()方法,使得我們可以想操作棧(先進後出)一樣操作數組,數組的插入和刪除均在棧頂(數組的末尾)進行。

pusp()方法可以接受任意數量的參數,作用是將這些參數添加到數組的末尾,並返回添加後數組的長度。

pop()則是將數組的最後一個元素刪除,並返回刪除的元素。

var obj = ['zdy',22,'湖北武漢','計算機科學與技術'];//創建一個數組變量
alert(obj.push("計算機",160)); //向數組的末尾追加元素,返回6
alert(obj);        //返回 zdy,22,湖北武漢,計算機科學與技術,計算機,160
alert(obj.pop());    //刪除數組的最後一個元素,並返回刪除的元素 160
alert(obj);  //返回 zdy,22,湖北武漢,計算機科學與技術,計算機

2.隊列方法-push()/shift()/unshift()

JavaScript也提供了shift()/unshift()方法,使得我們可以想操作隊列(先進先出)一樣操作數組,數組的插入和刪除均在分別在對尾(數組的末尾)和對頭(數組首部)進行。

pusp()方法可以接受任意數量的參數,作用是將這些參數添加到數組的末尾,並返回添加後數組的長度。

shift()方法可以從數組的前端刪除一個元素,並返回刪除的元素。

unshift()方法可以從數組的前端插入一個元素,並返回新數組的長度。

var obj = ['zdy',22,'湖北武漢','計算機科學與技術'];//創建一個數組變量
alert(obj.push("添加的元素"));//向數組的末尾追加一個元素,返回5
alert(obj); //返回 zdy,22,湖北武漢,計算機科學與技術,添加的元素
alert(obj.shift());//刪除數組中的第一個元素,返回刪除的元素 zdy
alert(obj); //返回 22,湖北武漢,計算機科學與技術,添加的元素
alert(obj.unshift("新增首部元素"));//在數組的首部加入新元素,並返回數組的長度 5
//********注意:在IE中unshift返回的是undefined**********
alert(obj); //返回 新增首部元素,22,湖北武漢,計算機科學與技術,添加的元素


3.concat()方法

concat()方法可以基於已有數組創建新數組,用於連接數組。

var a1 = [1,2,3];
var a2 = a1.concat(4,5);//創建新數組,並將a1添加兩個元素後賦值給a2
alert(a1);//返回 1,2,3
alert(a2);//返回 1,2,3,4,

 

4.slice()方法

slice()方法用於提取數組中的部分元素。

var a1 = [1,2,3,4,5,6];
var a2 = a1.slice(2,4);//返回第2到第4個之間的元素,不包括第4個
alert(a1);//返回 1,2,3,4,5,6
alert(a2);//返回 3,4

5.splice()方法

splice()方法重用來向數組中插入、修改、刪除元素。

//splice中的插入
var obj = ['zdy',22,'湖北武漢','計算機科學與技術'];//創建一個數組變量
obj.splice(1,0,"新插入的元素1",123); //從第一個開始插入2個元素
alert(obj);//返回 zdy,新插入的元素1",123,22,湖北武漢,計算機科學與技術
//splice中的修改
var obj = ['zdy',22,'湖北武漢','計算機科學與技術'];//創建一個數組變量
alert(obj); //返回 zdy,22,湖北武漢,計算機科學與技術
alert(obj.splice(1,1,19));//修改第一個元素爲19,返回被修改之前的元素 22
alert(obj); //返回 zdy,19,湖北武漢,計算機科學與技術
alert(obj.splice(1,2,20,"湖北恩施"));
//修改從第一個元素開始的兩個元素爲20和“湖北恩施”
//返回 19,湖北武漢
alert(obj);//返回 zdy,20,湖北恩施,計算機科學與技術
//splice中的刪除
var obj = ['zdy',22,'湖北武漢','計算機科學與技術'];//創建一個數組變量
alert(obj); //返回 zdy,22,湖北武漢,計算機科學與技術
alert(obj.splice(1,2));//刪除從第一個元素開始的2個元素,返回被刪除的元素 22,湖北武漢
alert(obj); //返回 zdy,計算機科學與技術

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章