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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:11:37
字體:
來源:轉載
供稿:網友
這篇文章主要整理了一下JS數組(Array)處理函數,常用的都匯總了一下,推薦給大家。
 
 

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
国产区精品在线观看| 亚洲一区美女视频在线观看免费| 久久久伊人日本| 国产午夜精品全部视频播放| 欧美巨大黑人极品精男| 亚洲a中文字幕| 亚洲成人a级网| 成人欧美一区二区三区黑人| 日韩一区二区久久久| 欧美日韩激情网| 亚洲香蕉伊综合在人在线视看| 国产丝袜视频一区| 国内精品视频一区| 一区二区三区四区视频| 日韩免费观看在线观看| 欧美激情a∨在线视频播放| 国产极品jizzhd欧美| 欧美一区二区三区免费观看| 欧美激情小视频| 精品亚洲va在线va天堂资源站| 日韩av网站电影| 亚洲美女自拍视频| 日韩av中文字幕在线免费观看| 狠狠躁天天躁日日躁欧美| 国产精品爽黄69| 91av在线播放视频| 久久久久久久久亚洲| 性色av一区二区三区在线观看| 久久久久久久影视| 中文字幕日韩欧美| 亚洲春色另类小说| 国产亚洲欧美日韩精品| 欧美成人免费小视频| 成人免费xxxxx在线观看| 91av福利视频| 久久人体大胆视频| 亚洲国内高清视频| 久久久久久久国产| 亚洲影视九九影院在线观看| 国产日产久久高清欧美一区| 亚洲国产精品悠悠久久琪琪| 8x拔播拔播x8国产精品| 久久6免费高清热精品| 亚洲欧美国产另类| 亚洲第一福利网| 国产精品久久在线观看| 久久精品在线视频| 亚洲国语精品自产拍在线观看| 91午夜理伦私人影院| 91老司机精品视频| 91精品啪aⅴ在线观看国产| 国产不卡精品视男人的天堂| 亚洲电影免费在线观看| 国产精品9999| 免费97视频在线精品国自产拍| 日韩av日韩在线观看| 日韩一级裸体免费视频| 日韩av在线播放资源| 亚洲精品国产精品国产自| 亚洲成人激情在线观看| 欧美色视频日本高清在线观看| 国产丝袜精品视频| 欧美日韩国产二区| 最近2019免费中文字幕视频三| 日韩av毛片网| 欧美视频精品一区| 91tv亚洲精品香蕉国产一区7ujn| y97精品国产97久久久久久| 久久久久久69| 国产精品一区二区三区久久| 成人欧美在线视频| 97精品久久久中文字幕免费| 欧美日韩999| 欧美综合第一页| 亚洲免费视频一区二区| 国产99久久精品一区二区永久免费| 亚洲欧洲自拍偷拍| 欧美精品一区在线播放| 日韩在线视频线视频免费网站| 欧美视频在线免费| 伊人久久久久久久久久久久久| 久久99青青精品免费观看| 欧美成人午夜影院| 欧美日韩一区二区三区在线免费观看| 欧美性资源免费| 亚洲专区在线视频| 中文字幕欧美专区| 久久成人18免费网站| 亚洲欧美一区二区三区四区| 91av福利视频| 国产ts人妖一区二区三区| 亚洲人成在线免费观看| 色悠久久久久综合先锋影音下载| 欧美精品一二区| 91久久精品美女| 国产精品精品国产| 国产精品一区二区性色av| 亚洲乱码国产乱码精品精| 精品国产31久久久久久| 国产精品露脸av在线| 亚洲欧美三级伦理| 国产一区玩具在线观看| 97超碰蝌蚪网人人做人人爽| 日韩二区三区在线| 亚洲成人在线网| 91国自产精品中文字幕亚洲| 久久久久久久久电影| 一区二区三区在线播放欧美| 亚洲综合精品一区二区| 色午夜这里只有精品| 欧美激情精品久久久久久大尺度| 亚洲香蕉在线观看| 日韩亚洲精品视频| 91青草视频久久| 在线视频精品一| 日韩综合中文字幕| 欧美—级a级欧美特级ar全黄| 精品中文字幕乱| 成人久久一区二区| 欧美日韩国产一区二区三区| 国内精品小视频在线观看| 国产精品扒开腿做| 亚洲japanese制服美女| 欧美一区二区色| 国产在线精品成人一区二区三区| 91在线色戒在线| 国产亚洲一区二区在线| 国产人妖伪娘一区91| 亚洲精品成人久久| 国产一区玩具在线观看| 永久免费精品影视网站| 欧美另类极品videosbestfree| 亚洲国产精品久久精品怡红院| 2018国产精品视频| 欧美日产国产成人免费图片| 中文字幕日本精品| 亚洲精品福利在线| 久久精品国产96久久久香蕉| 一本大道香蕉久在线播放29| 亚洲欧美国产高清va在线播| 91av在线播放| 精品久久久一区| 丝袜亚洲另类欧美重口| 国产精品99久久久久久人| 欧美性猛交xxxx免费看久久久| 亚洲精品久久在线| 日本精品一区二区三区在线播放视频| 91情侣偷在线精品国产| 国产午夜一区二区| 亚洲成色777777女色窝| 国产91色在线播放| 国产中文字幕日韩| 国产盗摄xxxx视频xxx69| 欧美视频在线观看免费网址| 97国产真实伦对白精彩视频8| 成人精品在线观看| 91久久夜色精品国产网站| 成人美女av在线直播| 国产日韩欧美夫妻视频在线观看| 亚洲va电影大全| 尤物精品国产第一福利三区| 成人性教育视频在线观看| 精品久久久精品| 日韩高清中文字幕|