1. 程式人生 > >數組的增、刪、改、查

數組的增、刪、改、查

實例 進行 google 中一 syn gles col 開頭 nbsp

數組中添加元素

push() 方法可以給數組末尾添加一個或多個數組項:

var arr = [];
arr.push(‘a‘,‘b‘);
console.log(arr); // [‘a‘,‘b‘]  
unshift() 方法可以在數組的前面添加一個或多個數組項:
var arr = [‘a‘,‘b‘];
arr.unshift(1,2);
console.log(arr); // [1, 2, "a", "b"]

splice() 方法給數組添加數組項:

var arr = [‘a‘,‘b‘,‘c‘,1,2];
arr.splice(2,0,‘d‘,‘c‘,‘e‘);
console.log(arr); // ["a", "b", "d", "c", "e", "c", 1, 2]

concat() 方法可以給數組添加數組項,只不過使用這種方法不會改變原數組,會在原數組中創建一個新數組:

var arr = [‘a‘,‘b‘,‘c‘];
var arr2 = arr.concat(‘d‘,1,2,[‘e‘,3]);
console.log(arr); // ["a", "b", "c"]
console.log(arr2); // ["a", "b", "c", "d", 1, 2, "e", 3]

push() 方法可向數組的末尾添加一個或多個元素,並返回新的長度。

語法

arrayObject.push(newelement1,newelement2,....,newelementX)

參數 描述
newelement1 必需。要添加到數組的第一個元素。
newelement2 可選。要添加到數組的第二個元素。
newelementX 可選。可添加多個元素。

返回值

把指定的值添加到數組後的新長度。

說明

push() 方法可把它的參數順序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是創建一個新的數組。push() 方法和 pop() 方法使用數組提供的先進後出棧的功能。

提示和註釋

註釋:該方法會改變數組的長度。
提示:要想數組的開頭添加一個或多個元素,請使用 unshift() 方法。

實例:我們將創建一個數組,並通過添加一個元素來改變其長度:

代碼如下:

var arr = new Array(3);
arr[0] = "George" ;
arr[1] = "John" ;
arr[2] = "Thomas" ;
document.write(arr + "") document.write(arr.push("James")+ "") document.write(arr);

輸出:
George,John,Thomas
4
George,John,Thomas,James

網上的一個用法:

代碼如下:

$(function(){
var buf = [];
buf.push(‘<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>‘);
buf.push(‘<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-88888888" data-ad-slot="8305246055"></ins>‘);
buf.push(‘<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>‘);
$(‘.footer-banner‘).html(buf.join(‘‘));

註意:使用的時候需要先加載jquery.js

刪除數組中添加元素

對於數組的操作,除了增加數組項,很多時候還需要對數組進行刪除操作。刪除數組項常用的方法有 pop() 和 shift() 兩種方法。

pop()

pop() 方法可以從數組的末尾刪除一個數組項:

var arr = [‘a‘,‘b‘,‘c‘,‘d‘,1,2];
arr.pop();
console.log(arr); // ["a", "b", "c", "d", 1]

shift() 方法和 pop() 方法剛好相反,它可以刪除數組的第一項:

var arr = [‘a‘,‘b‘,‘c‘,‘d‘,1,2];
arr.shift();
console.log(arr); // ["b", "c", "d", 1, 2]

不管是 pop() 或 shift() 方法每次只能給數組刪除一個數組項,但很多時候這樣刪除數組項相對來說是比較麻煩的。在數組的操作中,除了這兩種方法之外,還可以通過 slice() 和 splice() 方法來刪除數組項。

slice() 方法可以給一個數組中刪除多個數組項,只不過不同的是, slice() 不會影響原數組,只是會在原數組基礎上創建一個數組副本:

var arr = [1,2,3,4,‘a‘,‘b‘];
var arr2 = arr.slice(2);
console.log(arr); // [1, 2, 3, 4, "a", "b"]
console.log(arr2); // [3, 4, "a", "b"]
console.log(arr3); // ["a", "b"]

splice() 方法除了能給數組添加數組項之外,還可以給數組刪除數組項:

var arr = [1,2,3,4,‘a‘,‘b‘,‘c‘];
var arr2 = arr.splice(2,2);
console.log(arr); // [1, 2, "a", "b", "c"]
console.log(arr2); // [3, 4]

改變數組中元素

數組中 splice() 方法是數組中一個強大的方法,其除了可以給數組添加數組項、刪除數組項之外,還可以改變一個數組:

var arr = [1,2,3,4,5,6];
var arr2 = arr.splice(2,3,‘a‘,‘b‘,‘c‘);
console.log(arr); // [1, 2, "a", "b", "c", 6]
console.log(arr2); // [3, 4, 5]

查詢數組

這裏所說的數組查詢其實指的是數組的查詢提取。其使用的方法是 slice() 方法:

var arr = [1,2,3,4,5,6];
var arr2 = arr.slice(-3);
console.log(arr); // [1, 2, 3, 4, 5, 6]
console.log(arr2); // [4, 5, 6]

總結

這裏簡單的整理了一個數組的增、刪、改、查的相關方法。簡單的總結一下:

增加數組項方法:除了直接改變數組項的值和修改數組的 length 給數組添加數組項方法之外,還可以使用 push() 、 unshift() 、 concat() 和 splice() 添加數組項

刪除數組項方法:刪除數組項方法有 pop() 、 shift() 、 slice() 和 splice() 方法

改變數組項方法:在數組中主要通過 splice() 方法來改變數組項

查詢數組項方法: 查詢數組項方法其實就是對數組做查詢提取功能,主要使用的方法是 slice() 方法

有關於 pop() 、 push() 、 shift() 和 unshift() 操作方法可以點擊這裏;關於 concat() 、 slice() 和 splice() 方法的相關介紹可以點擊這裏。

數組的增、刪、改、查