JS陣列進階示例【陣列的幾種函式用法】

阿新 • • 發佈：2020-01-17

本文例項講述了JS陣列的幾種函式用法。分享給大家供大家參考，具體如下：

前面介紹了js陣列的基本定義與使用方法，這裡再來進一步說明一下js陣列函式。

<html>
    <head>
        <title>js陣列進階</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
            var arr=[2,"clannad","海賊王","星遊記",true,new Date()];
//            console.log(arr);
            var a=arr.pop();   //刪除陣列的最後一個元素，返回值為最後一個元素。
//            console.log(a);
//            console.log(arr);
            var a2=arr.shift();  //刪除陣列的第一個元素，返回值為第一個元素。
//            console.log(a2);
//            console.log(arr);
            var a3=arr.splice(3,1,"月色真美");  //將陣列中指定位置的資料替換為輸入的資料，返回值為替換掉的元素。餐宿分別為在陣列中的位置（起始位置），要替換的個數，替換的數值
//            console.log(a3);
//            console.log(arr);
            var arr2=["龍與虎","境界的彼方"];
            var m="輕音少女";
            var a4=arr.concat(arr2,m);    //陣列的元素拼接。返回值為拼接後總陣列。後面引數為要拼接在後面的陣列。
//            console.log(a4);
//            console.log(arr);
            var a5=arr.join("-");      //資料的連結符，返回值為用輸入的連線符連結後的陣列元素，型別為string
//            console.log(a5);
//            console.log(arr);
            var a6=arr.push("言葉之庭");    //在陣列的最後面新增一個數據，返回值為陣列最終的長度。
//            console.log(a6);
//            console.log(arr);
            var a7=arr.unshift("冰菓");     //在陣列的最開始新增一個數據，返回值為資料的最終長度。
//            console.log(a7);
//            console.log(arr);
            var a8=arr.reverse();       //將陣列的元素倒序排列，返回值為倒序後的陣列,原陣列也被倒敘。
//            console.log(a8);
//            console.log(arr);
            console.log(arr.valueOf());       //一般的陣列的valueof和tostring方法為列印陣列的內容。
            console.log(arr.toString());
            var arrsort=['q','w','f','t','h','j'];
//            console.log(arrsort);
            var arrsorted=arrsort.sort();
//            console.log(arrsorted);
//            console.log(arrsort);
        </script>
    </head>
    <body>
        <h3>js陣列進階</h3>
    </body>
</html>

執行結果：

感興趣的朋友可以使用線上HTML/CSS/JavaScript程式碼執行工具：http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。

更多關於JavaScript相關內容感興趣的讀者可檢視本站專題：《JavaScript陣列操作技巧總結》、《JavaScript遍歷演算法與技巧總結》、《javascript面向物件入門教程》、《JavaScript數學運算用法總結》、《JavaScript資料結構與演算法技巧總結》及《JavaScript錯誤與除錯技巧總結》

希望本文所述對大家JavaScript程式設計有所幫助。