亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JS數組(Array)處理函數整理

2019-11-20 13:47:49
字體:
來源:轉載
供稿:網友

1、concat() 連接兩個或更多的數組
該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本。
例如:

復制代碼 代碼如下:

 <script type="text/javascript">
        var arr = [1, 2, 3];
        var arr1 = [11, 22, 33];
        document.write(arr.concat(4, 5, arr1));
 </script>

輸出結果:
1,2,3,4,5,11,22,33

2、join()
把數組的所有元素放入一個字符串。元素通過指定的分隔符進行分隔。
例如:

復制代碼 代碼如下:

 <script type="text/javascript">
       var arr = ['item 1', 'item 2', 'item 3'];
       var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';
 </script>

list結果:

'<ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>'
這是迄今為止最快的方法!使用原生代碼(如 join()),不管系統內部做了什么,通常比非原生快很多。――James Padolsey, james.padolsey.com

3、pop() 刪除并返回數組的最后一個元素
pop()方法將刪除數組的最后一個元素,把數組長度減 1,并且返回它刪除的元素的值。
如果數組已經為空,則pop()不改變數組,并返回undefined值
例如:

復制代碼 代碼如下:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.pop() + "<br/>");
       document.write(arr);
 </script>

輸出結果:
George,John,Thomas
Thomas
George,John

4、push() 向數組的末尾添加一個或更多元素,并返回新的長度
例如:

復制代碼 代碼如下:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.push("James") + "<br/>");
       document.write(arr);
 </script>

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

 

5、unshift() 向數組的開頭添加一個或更多元素,并返回新的長度
例如:

復制代碼 代碼如下:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.unshift("James") + "<br/>");
       document.write(arr);
 </script>

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

 

6、reverse() 顛倒數組中元素的順序
例如:

復制代碼 代碼如下:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.reverse());
 </script>

輸出結果:
George,John,Thomas
Thomas,John,George

7、shift() 刪除并返回數組的第一個元素
例如:

復制代碼 代碼如下:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.shift() + "<br/>");
       document.write(arr);
 </script>

輸出結果:
George,John,Thomas
George
John,Thomas

8、slice(start,end) 從某個已有的數組返回選定的元素
請注意,該方法并不會修改數組,而是返回一個子數組
例如:

復制代碼 代碼如下:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.slice(1) + "<br/>"); // 從第一個元素開始截取到 數組結尾
       document.write(arr);
 </script>

輸出結果:
George,John,Thomas
John,Thomas
George,John,Thomas

9、sort() 對數組的元素進行排序
對數組的引用。請注意,數組在原數組上進行排序,不生成副本
該方法默認是按照字符編碼(ASCII)的順序進行排序的
例如:

復制代碼 代碼如下:

 <script type="text/javascript">
     var arr = new Array(6);
     arr[0] = "John";
     arr[1] = "George";
     arr[2] = "Thomas";
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

輸出結果:
John,George,Thomas
George,John,Thomas

再來看一個例子:

復制代碼 代碼如下:

 <script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

輸出結果:
10,5,40,25,1000,1
1,10,1000,25,40,5

我們可以看到,并非是按照我們認為的按數字大小排序,如果想按照數字大小排序,則需要改變默認的排序方式,自行指定排序規則。
如下:

復制代碼 代碼如下:

 <script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort(function (a, b) {return a - b;}));// 從大到小
 </script>

輸出結果:
10,5,40,25,1000,1
1,5,10,25,40,1000
如果想要降序排列呢?
將排序規則改為:
function (a, b) {return b - a;}
就OK了

10、splice() 刪除元素,并向數組添加新元素
splice() 方法與 slice() 方法的作用是不同的,splice() 方法會直接對數組進行修改
(1)刪除指定范圍的數組元素:

復制代碼 代碼如下:

 <script type="text/javascript">
     var arr = new Array(6);
    arr[0] = "George";
    arr[1] = "John";
    arr[2] = "Thomas";
    arr[3] = "James";
    arr[4] = "Adrew";
    arr[5] = "Martin";
    document.write(arr + "<br/>");
    arr.splice(2, 3); // 刪除第三個元素以后的三個數組元素(包含第三個元素)
    document.write(arr);
 </script>

輸出結果:
George,John,Thomas,James,Adrew,Martin
George,John,Martin

(2)從指定下標開始插入指定元素(元素個數不限):

復制代碼 代碼如下:

 <script type="text/javascript">
    var arr = new Array(6);
    arr[0] = "George";
    arr[1] = "John";
    arr[2] = "Thomas";
    arr[3] = "James";
    arr[4] = "Adrew";
    arr[5] = "Martin";
    document.write(arr + "<br/>");
    arr.splice(2, 0, "William","JACK"); // 在第三個元素之前插入"William","JACK"
    document.write(arr);
 </script>

輸出結果:
George,John,Thomas,James,Adrew,Martin
George,John,William,JACK,Thomas,James,Adrew,Martin


(3)刪除指定范圍的數組元素,并用指定元素替換(元素個數不限):

復制代碼 代碼如下:

 <script type="text/javascript">
    var arr = new Array(6);
    arr[0] = "George";
    arr[1] = "John";
    arr[2] = "Thomas";
    arr[3] = "James";
    arr[4] = "Adrew";
    arr[5] = "Martin";
    document.write(arr + "<br/>");
    arr.splice(2,3,"William","JACK"); // 刪除第三個元素以后的三個數組元素(包含第三個元素),并用"William","JACK"進行替換
 document.write(arr);
 </script>

輸出結果:
George,John,Thomas,James,Adrew,Martin
George,John,William,JACK,Martin

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产va免费精品高清在线观看| 久久久欧美一区二区| 亚洲欧美国产一区二区三区| 国产精品久久久久久婷婷天堂| 国产精品成人播放| 亚洲a∨日韩av高清在线观看| 欧美成人在线免费视频| 久久精品成人欧美大片古装| 久久艳片www.17c.com| 国产精品电影在线观看| 久久精品色欧美aⅴ一区二区| 免费不卡在线观看av| 亚洲精品成人网| 国产精品久久久久久久久久三级| 欧美黑人一区二区三区| 欧美高清激情视频| 色综合久久88色综合天天看泰| 久久久999精品免费| 国产精品自拍偷拍| 日本久久久a级免费| 中文字幕少妇一区二区三区| 欧美另类精品xxxx孕妇| 国产精品www| 日韩小视频在线观看| 亚洲国产精品一区二区久| 日韩av电影在线免费播放| 国产精品久久久久久av| 国产日韩欧美在线| 97久久伊人激情网| 日本不卡免费高清视频| 91伊人影院在线播放| 亚洲欧美视频在线| 亚洲精品欧美日韩| 国产精品99免视看9| 欧美激情第99页| 亚洲国产成人久久综合| 亚洲视频999| 国产+成+人+亚洲欧洲| 黄色成人av在线| 欧美激情成人在线视频| 日韩一区二区久久久| 成人有码在线视频| 欧美午夜www高清视频| 中文字幕在线观看日韩| 精品久久久久久久久久国产| 久久人人爽人人爽人人片亚洲| 国产一区二区丝袜高跟鞋图片| 久久国产精品免费视频| 一区二区三区回区在观看免费视频| 一区二区三欧美| 亚洲美女喷白浆| 欧美成人午夜激情| 欧美高清在线观看| 国产精品久久久久一区二区| 91精品国产99久久久久久| 欧美亚洲国产视频| 国产日韩在线精品av| 色爱av美腿丝袜综合粉嫩av| 日韩精品在线视频美女| 91久久精品美女| 国产一区二区三区在线看| 亚洲日韩第一页| 一本色道久久88亚洲综合88| 国模精品一区二区三区色天香| 欧美大人香蕉在线| 97精品在线观看| 久久久999成人| 日本亚洲精品在线观看| 蜜臀久久99精品久久久无需会员| 日韩中文字幕在线精品| 亚洲91精品在线观看| www.日韩免费| 九九精品视频在线观看| 亚洲xxxxx| 国产精品第一区| 精品小视频在线| 中文字幕欧美日韩在线| 美女视频黄免费的亚洲男人天堂| 欧美中文字幕在线观看| 亚洲欧美日韩一区二区在线| 欧美黑人极品猛少妇色xxxxx| 久久人人爽人人爽人人片亚洲| 亚洲精品小视频| 欧美精品在线播放| 97精品在线观看| xxxx欧美18另类的高清| 精品无码久久久久久国产| 成人妇女淫片aaaa视频| 亚洲人成在线免费观看| 欧美老少做受xxxx高潮| 在线电影中文日韩| 亚洲精品美女视频| 欧美在线激情视频| 精品激情国产视频| 庆余年2免费日韩剧观看大牛| 热久久美女精品天天吊色| 亚洲激情自拍图| 国产免费一区二区三区在线观看| 成人av在线天堂| 午夜精品久久久久久久99热浪潮| 欧美精品在线免费播放| 国产91精品久久久久久| 成人免费高清完整版在线观看| 日韩中文字幕免费| 亚洲人成在线观看网站高清| 欧美精品www在线观看| 91成人福利在线| 亚洲欧美国产另类| 国产成人一区二区三区| 一区二区三区四区在线观看视频| 热re99久久精品国产66热| 亚洲天堂视频在线观看| 欧美成人自拍视频| 国产精品偷伦视频免费观看国产| 日本成人激情视频| 亚洲毛茸茸少妇高潮呻吟| 日韩av免费一区| 日韩精品福利在线| 久久久久国产一区二区三区| 久久天天躁狠狠躁夜夜爽蜜月| 91久久久国产精品| 亚洲女人天堂色在线7777| 日韩欧美亚洲范冰冰与中字| 91免费国产网站| 精品视频久久久久久久| 久久6精品影院| 亚洲毛片在线观看| 欧美韩国理论所午夜片917电影| 最新日韩中文字幕| 日韩一区av在线| 国产欧美日韩精品在线观看| 国产精品成人免费电影| 日韩动漫免费观看电视剧高清| 亚洲精品久久久久久久久久久久久| 亚洲2020天天堂在线观看| 日韩小视频在线观看| 一区二区三区四区精品| 中文字幕日韩欧美在线| 日本不卡免费高清视频| 国产精品一二三视频| 欧洲亚洲在线视频| 日韩一区二区三区国产| 中文国产亚洲喷潮| 亚洲第一偷拍网| 中文字幕日韩免费视频| 久久成人人人人精品欧| 久久精品91久久久久久再现| 欧美国产欧美亚洲国产日韩mv天天看完整| 亚洲a区在线视频| 欧美极品在线播放| 韩国一区二区电影| 国产成人短视频| 久久香蕉国产线看观看av| 国产午夜精品全部视频在线播放| 欧美成人午夜视频| 亚洲自拍小视频| 亚洲天堂男人天堂女人天堂| 国产精品日韩在线一区| 亚洲国产精品人久久电影| 久久精品亚洲热| 欧美成人精品在线播放| 国产日本欧美一区二区三区在线| 亚洲国产91色在线| 亚洲精品一区中文字幕乱码|