JS數(shù)組進(jìn)階示例【數(shù)組的幾種函數(shù)用法】

發(fā)布時(shí)間：2020-09-07 13:58:44 來源：腳本之家閱讀：138 作者：qq_42412646 欄目：web開發(fā)

本文實(shí)例講述了JS數(shù)組的幾種函數(shù)用法。分享給大家供大家參考，具體如下：

前面介紹了js數(shù)組的基本定義與使用方法，這里再來進(jìn)一步說明一下js數(shù)組函數(shù)。

<html>
    <head>
        <title>js數(shù)組進(jìn)階</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
            var arr=[2,"clannad","海賊王","星游記",true,new Date()];
//            console.log(arr);
            var a=arr.pop();   //刪除數(shù)組的最后一個(gè)元素，返回值為最后一個(gè)元素。
//            console.log(a);
//            console.log(arr);
            var a2=arr.shift();  //刪除數(shù)組的第一個(gè)元素，返回值為第一個(gè)元素。
//            console.log(a2);
//            console.log(arr);
            var a3=arr.splice(3,1,"月色真美");  //將數(shù)組中指定位置的數(shù)據(jù)替換為輸入的數(shù)據(jù)，返回值為替換掉的元素。餐宿分別為在數(shù)組中的位置（起始位置），要替換的個(gè)數(shù)，替換的數(shù)值
//            console.log(a3);
//            console.log(arr);
            var arr2=["龍與虎","境界的彼方"];
            var m="輕音少女";
            var a4=arr.concat(arr2,m);    //數(shù)組的元素拼接。返回值為拼接后總數(shù)組。后面參數(shù)為要拼接在后面的數(shù)組。
//            console.log(a4);
//            console.log(arr);
            var a5=arr.join("-");      //數(shù)據(jù)的鏈接符，返回值為用輸入的連接符鏈接后的數(shù)組元素，類型為string
//            console.log(a5);
//            console.log(arr);
            var a6=arr.push("言葉之庭");    //在數(shù)組的最后面添加一個(gè)數(shù)據(jù)，返回值為數(shù)組最終的長(zhǎng)度。
//            console.log(a6);
//            console.log(arr);
            var a7=arr.unshift("冰菓");     //在數(shù)組的最開始添加一個(gè)數(shù)據(jù)，返回值為數(shù)據(jù)的最終長(zhǎng)度。
//            console.log(a7);
//            console.log(arr);
            var a8=arr.reverse();       //將數(shù)組的元素倒序排列，返回值為倒序后的數(shù)組,原數(shù)組也被倒敘。
//            console.log(a8);
//            console.log(arr);
            console.log(arr.valueOf());       //一般的數(shù)組的valueof和tostring方法為打印數(shù)組的內(nèi)容。
            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>
        <h4>js數(shù)組進(jìn)階</h4>
    </body>
</html>

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

JS數(shù)組進(jìn)階示例【數(shù)組的幾種函數(shù)用法】

感興趣的朋友可以使用在線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面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

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

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

JS數(shù)組進(jìn)階示例【數(shù)組的幾種函數(shù)用法】

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽