欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2020年01月16日 11:39:15   作者:qq_42412646  
這篇文章主要介紹了JS數(shù)組進階,結合實例形式總結分析了數(shù)組的幾種常見函數(shù)基本用法,涉及JavaScript數(shù)組元素刪除、拼接、添加、倒序排列等相關操作技巧,需要的朋友可以參考下

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

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

<html>
    <head>
        <title>js數(shù)組進階</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
            var arr=[2,"clannad","海賊王","星游記",true,new Date()];
//            console.log(arr);
            var a=arr.pop();   //刪除數(shù)組的最后一個元素,返回值為最后一個元素。
//            console.log(a);
//            console.log(arr);
            var a2=arr.shift();  //刪除數(shù)組的第一個元素,返回值為第一個元素。
//            console.log(a2);
//            console.log(arr);
            var a3=arr.splice(3,1,"月色真美");  //將數(shù)組中指定位置的數(shù)據(jù)替換為輸入的數(shù)據(jù),返回值為替換掉的元素。餐宿分別為在數(shù)組中的位置(起始位置),要替換的個數(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ù)組的最后面添加一個數(shù)據(jù),返回值為數(shù)組最終的長度。
//            console.log(a6);
//            console.log(arr);
            var a7=arr.unshift("冰菓");     //在數(shù)組的最開始添加一個數(shù)據(jù),返回值為數(shù)據(jù)的最終長度。
//            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>
        <h3>js數(shù)組進階</h3>
    </body>
</html>

運行結果:

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

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript面向對象入門教程》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript錯誤與調試技巧總結

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

相關文章

  • JavaScript判斷表單為空及獲取焦點的方法

    JavaScript判斷表單為空及獲取焦點的方法

    這篇文章主要介紹了JavaScript判斷表單為空及獲取焦點的方法,可實現(xiàn)表單提交時判斷表單是否為空及獲取響應焦點的功能,非常簡單實用,需要的朋友可以參考下
    2016-02-02
  • 詳解Javascript模板引擎mustache.js

    詳解Javascript模板引擎mustache.js

    這篇文章主要為大家介紹了Javascript模板引擎mustache.js,mustache.js是一個簡單強大的Javascript模板引擎,使用它可以簡化在js代碼中的html編寫,壓縮后只有9KB,非常值得在項目中使用,需要的朋友可以參考下
    2016-01-01
  • 談談JavaScript自定義回調函數(shù)

    談談JavaScript自定義回調函數(shù)

    使用Jquery的時候發(fā)現(xiàn)它里面的很多方法都提供回調函數(shù),接下來通過本篇文章給大家介紹js自定義回調函數(shù),需要的朋友參考下
    2015-10-10
  • 判斷在css加載完畢后執(zhí)行后續(xù)代碼示例

    判斷在css加載完畢后執(zhí)行后續(xù)代碼示例

    這篇文章主要介紹了在css加載完畢后執(zhí)行后續(xù)代碼的方法,需要的朋友可以參考下
    2014-09-09
  • 微信小程序分包的超詳細步驟

    微信小程序分包的超詳細步驟

    分包指的是把一個完整的小程序項目,按照需求劃分為不同的子包,在構建時打包成不同的分包,用戶在使用時按需進行加載,下面這篇文章主要給大家介紹了關于微信小程序分包的相關資料,需要的朋友可以參考下
    2022-09-09
  • element plus表格的表頭和內(nèi)容居中的實現(xiàn)代碼

    element plus表格的表頭和內(nèi)容居中的實現(xiàn)代碼

    這篇文章主要介紹了element plus表格的表頭和內(nèi)容居中的實現(xiàn)代碼,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2024-01-01
  • 客戶端js判斷文件類型和文件大小即限制上傳大小

    客戶端js判斷文件類型和文件大小即限制上傳大小

    需要腳本在客戶端判斷大小和文件類型,由于網(wǎng)上沒有適合的,就自己寫了一個并測試 文件上傳大小限制的一個例子,在此與大家分享下
    2013-11-11
  • JS原型鏈怎么理解

    JS原型鏈怎么理解

    本文重點給大家介紹javascript中的原型鏈知識,本文介紹的非常詳細,具有參考借鑒價值,感興趣的朋友一起看下吧
    2016-06-06
  • Js自定義多選框效果的實例代碼

    Js自定義多選框效果的實例代碼

    本篇文章主要介紹了Js自定義多選效果的實例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • js特殊字符過濾的示例代碼

    js特殊字符過濾的示例代碼

    本篇文章主要是對js特殊字符過濾的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-03-03

最新評論