本文實例講述了javascript數組常見操作方法。分享給大家供大家參考，具體如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.49028c.com 數組的方法</title> <script> var arr=[1,3,4] var arr1=["a","b","c"] var arr2=["d","e","f"] var arrNum=[] //1、向數組的末尾添加一條或多條元素，并返回新的長度 //arr.push("longzhoufeng") //console.log(arr)//1,3,4,"longzhoufeng" //2、向數組的最開始添加一條或多條元素，并返回新的長度 //arr.unshift("minigui")//IE6，7不支持 //console.log(arr)//"minigui", 1, 3, 4 //3、連接二個數組或者多個數組 //var newArr=arr.concat(arr1,arr2) //console.log(newArr)//[1, 3, 4, "a", "b", "c", "d", "e", "f"] //4、刪除并返回數組的第一個元素 //console.log(arr1.shift());//a //arr1.shift(); //console.log(arr1);//b,c //5、刪除并返回數組的最后一個元素 //console.log(arr1.pop());//c //arr1.pop() //console.log(arr1)//["a", "b"] //6、刪除,替換，添加 //arr1.splice(0,2)//0代表位置，2代表要刪除的個數 //console.log(arr1)//["c"] //替換 //arr1.splice(0,1,"longzhoufeng")//第三個參就是在0位置上替換成longzhoufeng //arr1.splice(0,1,"longzhoufeng")//第三個參就是在0位置上替換成longzhoufeng //console.log(arr1)//["longzhoufeng", "b", "c"] //添加 //arr1.splice(1,0,"longzhoufeng") //console.log(arr1)//["a", "longzhoufeng", "b", "c"] //數組去重 var arr3=[1,3,3,2,5,6,7,7] //1、先遍歷數組的每一個元素 for(var i=0;i<arr3.length;i++){ //2、每遍歷對比一個，就得往前加一位 for(var j=i+1;j<arr3.length;j++){ //3、對遍歷的元素進行對比，如果相等，就刪除后面的一個元素 if(arr3[i]==arr3[j]){ arr3.splice(j,1); //4、刪除之后就減少一位，直到沒有為止 j--; } } } console.log(arr3) //7、數組排序 var arr4=[4,3,5,5,76,2,0,8] //這種方法可能會有問題，因為sort()會把元素轉換成字符串 //arr4.sort(); //console.log(arr4)//0, 2, 3, 4, 5, 5, 76, 8 //sort()里面可以傳一個函數,如果返回的是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>運行結果：
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.VeVB.COm/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容還可查看本站專題：《JavaScript數組操作技巧總結》、《JavaScript字符與字符串操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
