一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

搜索
分享

JavaScript學習筆記之數(shù)組的增、刪、改、查

 gearss 2016-05-10

在程序語言中數(shù)組的重要性不言而喻，JavaScript中數(shù)組也是最常使用的對象之一，數(shù)組是值的有序集合，由于弱類型的原因，JavaScript中數(shù)組十分靈活、強大，不像是Java等強類型高級語言數(shù)組只能存放同一類型或其子類型元素，JavaScript在同一個數(shù)組中可以存放多種類型的元素，而且是長度也是可以動態(tài)調(diào)整的，可以隨著數(shù)據(jù)增加或減少自動對數(shù)組長度做更改。

數(shù)組是JavaScript中常見的一個對象，它有一些經(jīng)典的操作，比如數(shù)組的增、刪、改、查。在這篇文章中主要整理這方面的相關(guān)操作方法。

增加數(shù)組項

首先來看如何給一個數(shù)組增加數(shù)組項。假設(shè)有一個數(shù)組:

1
var arr = [];

上面聲明了一個數(shù)組，但這個數(shù)組是一個空數(shù)組 [] ，其 length 的值為 0 。接下來我們看如何給數(shù)組 arr 增加數(shù)組項。最簡單的方法可以通過索引值方式，給數(shù)組增加數(shù)組項：

1
2
3
4
5
6
7
var arr = [];
arr[0] = 'a';
arr[1] = 'b';
arr[2] = 1;
arr[3] = 2;
console.log(arr); // ["a", "b", 1, 2]
console.log(arr.length); // 4

另外也可以通過改為數(shù)組的 length 值給數(shù)組增加數(shù)組項，不過這種方法給數(shù)組增加的數(shù)組項都是 undefined :

1
2
3
4
var arr = [];
arr[0] = 'a'; // 給數(shù)組arr添加一個`a`數(shù)組項
arr.length = 5; // 改變數(shù)組的`length`值為`5`
console.log(arr); // ["a", undefined × 4]

雖然這種方法也給數(shù)組增加了數(shù)組項，但相對來說都較為麻煩。其實給數(shù)組添加數(shù)組項，沒有這么麻煩，可以通過數(shù)組提供的原生方法給數(shù)組添加數(shù)組項。

push()

使用 push() 方法可以給數(shù)組末尾添加一個或多個數(shù)組項。

1
2
3
4
var arr = [];
arr.push('a','b');
console.log(arr); // ['a','b']
unshift()

使用 push() 方法可以給數(shù)組末尾添加一個或多個數(shù)組項，那么使用 unshift() 方法可以在數(shù)組的前面添加一個或多個數(shù)組項：

1
2
3
var arr = ['a','b'];
arr.unshift(1,2);
console.log(arr); // [1, 2, "a", "b"]

除了這兩種方法之外，還可以使用 splice() 方法給數(shù)組添加數(shù)組項：

1
2
3
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]

另外除了 splice() 方法之外還可以使用 concat() 方法可以給數(shù)組添加數(shù)組項，只不過使用這種方法不會改變原數(shù)組，會在原數(shù)組中創(chuàng)建一個新數(shù)組：

1
2
3
4
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]

刪除數(shù)組項

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

pop()

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

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

shift()

shift() 方法和 pop() 方法剛好相反，它可以刪除數(shù)組的第一項：

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

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

slice()

slice() 方法可以給一個數(shù)組中刪除多個數(shù)組項，只不過不同的是， slice() 不會影響原數(shù)組，只是會在原數(shù)組基礎(chǔ)上創(chuàng)建一個數(shù)組副本：

1
2
3
4
5
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()

splice() 方法除了能給數(shù)組添加數(shù)組項之外，還可以給數(shù)組刪除數(shù)組項：

1
2
3
4
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]

改變數(shù)組

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

1
2
3
4
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]

數(shù)組的查詢

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

1
2
3
4
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]

總結(jié)

這里簡單的整理了一個數(shù)組的增、刪、改、查的相關(guān)方法。簡單的總結(jié)一下：

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

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

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

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

有關(guān)于 pop() 、 push() 、 shift() 和 unshift() 操作方法可以點擊這里；關(guān)于 concat() 、 slice() 和 splice() 方法的相關(guān)介紹可以點擊這里。

有關(guān)JavaScript學習筆記之數(shù)組的增、刪、改、查小編就給大家介紹到這里，希望對大家有所幫助！更多有關(guān)javascript知識請登陸腳本之家網(wǎng)站官網(wǎng)了解詳情！

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花（0）

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    国产目拍亚洲精品区一区 | 欧美午夜色视频国产精品| 国产精品美女午夜福利| 隔壁的日本人妻中文字幕版 | 欧美成人精品国产成人综合| 黄片在线观看一区二区三区| 深夜视频成人在线观看| 精品亚洲一区二区三区w竹菊| 国内欲色一区二区三区| 在线免费观看黄色美女| 国产成人av在线免播放观看av| 久草热视频这里只有精品| 国产永久免费高清在线精品| 精品欧美日韩一二三区| 91人妻人澡人人爽人人精品 | 一区二区三区在线不卡免费| 国内欲色一区二区三区| 亚洲欧美日本国产有色| 欧美精品二区中文乱码字幕高清| 无套内射美女视频免费在线观看| 国产av一区二区三区久久不卡| 国产超薄黑色肉色丝袜| 一区中文字幕人妻少妇| 国产色偷丝袜麻豆亚洲| 国产中文字幕一区二区| 日韩中文字幕人妻精品| 四十女人口红哪个色好看| 亚洲国产av国产av| 亚洲中文字幕乱码亚洲| 一级片黄色一区二区三区| 空之色水之色在线播放| 欧美一区二区三区喷汁尤物| 中文文精品字幕一区二区| 亚洲中文字幕免费人妻| 午夜色午夜视频之日本| 国产水滴盗摄一区二区| 精品伊人久久大香线蕉综合| 精品国产亚洲av久一区二区三区| 韩国激情野战视频在线播放| 五月天六月激情联盟网| 日本免费一本一二区三区|