溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

javascript數(shù)組常見操作方法實(shí)例總結(jié)【連接、添加、刪除、去重、排序等】

發(fā)布時(shí)間：2020-09-25 05:56:10 來(lái)源：腳本之家 閱讀：166 作者：longzhoufeng 欄目：web開發(fā)

本文實(shí)例講述了javascript數(shù)組常見操作方法。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net 數(shù)組的方法</title>
  <script>
    var arr=[1,3,4]
    var arr1=["a","b","c"]
    var arr2=["d","e","f"]
    var arrNum=[]
    //1、向數(shù)組的末尾添加一條或多條元素，并返回新的長(zhǎng)度
    //arr.push("longzhoufeng")
    //console.log(arr)//1,3,4,"longzhoufeng"
    //2、向數(shù)組的最開始添加一條或多條元素，并返回新的長(zhǎng)度
    //arr.unshift("minigui")//IE6，7不支持
    //console.log(arr)//"minigui", 1, 3, 4
    //3、連接二個(gè)數(shù)組或者多個(gè)數(shù)組
    //var newArr=arr.concat(arr1,arr2)
    //console.log(newArr)//[1, 3, 4, "a", "b", "c", "d", "e", "f"]
    //4、刪除并返回?cái)?shù)組的第一個(gè)元素
    //console.log(arr1.shift());//a
    //arr1.shift();
    //console.log(arr1);//b,c
    //5、刪除并返回?cái)?shù)組的最后一個(gè)元素
    //console.log(arr1.pop());//c
    //arr1.pop()
    //console.log(arr1)//["a", "b"]
    //6、刪除,替換，添加
    //arr1.splice(0,2)//0代表位置，2代表要?jiǎng)h除的個(gè)數(shù)
    //console.log(arr1)//["c"]
    //替換
    //arr1.splice(0,1,"longzhoufeng")//第三個(gè)參就是在0位置上替換成longzhoufeng
    //arr1.splice(0,1,"longzhoufeng")//第三個(gè)參就是在0位置上替換成longzhoufeng
    //console.log(arr1)//["longzhoufeng", "b", "c"]
    //添加
    //arr1.splice(1,0,"longzhoufeng")
    //console.log(arr1)//["a", "longzhoufeng", "b", "c"]
    //數(shù)組去重
    var arr3=[1,3,3,2,5,6,7,7]
    //1、先遍歷數(shù)組的每一個(gè)元素
    for(var i=0;i<arr3.length;i++){
      //2、每遍歷對(duì)比一個(gè)，就得往前加一位
      for(var j=i+1;j<arr3.length;j++){
        //3、對(duì)遍歷的元素進(jìn)行對(duì)比，如果相等，就刪除后面的一個(gè)元素
        if(arr3[i]==arr3[j]){
          arr3.splice(j,1);
          //4、刪除之后就減少一位，直到?jīng)]有為止
          j--;
        }
      }
    }
    console.log(arr3)
    //7、數(shù)組排序
    var arr4=[4,3,5,5,76,2,0,8]
    //這種方法可能會(huì)有問(wèn)題，因?yàn)閟ort()會(huì)把元素轉(zhuǎn)換成字符串
    //arr4.sort();
    //console.log(arr4)//0, 2, 3, 4, 5, 5, 76, 8
    //sort()里面可以傳一個(gè)函數(shù),如果返回的是a-b就是從小到大，如果返回是b-a就從反方向排序
    arr4.sort(function(a,b) {
      return a-b;
    })
    console.log(arr4)//0, 2, 3, 4, 5, 5, 8, 76
    var arr5=["345px","23px","10px","1000px"]
    arr5.sort(function(a,b) {
      return parseInt(a)-parseInt(b);
    })
    console.log(arr5)//"10px", "23px", "345px", "1000px"
  </script>
</head>
<body>
</body>
</html>

運(yùn)行結(jié)果：

javascript數(shù)組常見操作方法實(shí)例總結(jié)【連接、添加、刪除、去重、排序等】

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手