最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript sort()對數(shù)組中的元素進(jìn)行排序詳解

 更新時間:2019年10月13日 15:40:23   作者:runde  
在本篇文章里小編給大家整理是一篇關(guān)于javascript sort()對數(shù)組中的元素進(jìn)行排序的相關(guān)知識點內(nèi)容,需要的朋友們學(xué)習(xí)下。

javascript sort()可以對數(shù)組中的元素進(jìn)行排序,

語法格式:arrayObject.sort(sortby)

arrayObject是數(shù)組對象,sortby為可選項,用來確定元素順序的函數(shù)的名稱,如果這個參數(shù)被省略,那么元素將按照ASCII字符順序進(jìn)行升序排列。

在沒有使用比較函數(shù)進(jìn)行排序時,sort方法是按字符的ASCII值進(jìn)行排序的,先從第一個字符比較,如果第一個字符相等,再比較第二個字符,以此類推。

對于數(shù)值型數(shù)據(jù),如果按照字符比較,得到的結(jié)果可能并不是我們想要的,因此需要借助比較函數(shù)。比較函數(shù)有兩個參數(shù),分別代表每次排序時的兩個數(shù)組項。sort()排序時每次比較兩個數(shù)組項都會執(zhí)行這個參數(shù),并把兩個比較的數(shù)組項做為參數(shù)傳遞給這個函數(shù)。當(dāng)函數(shù)返回值大于0時就交換兩個數(shù)組的順序,否則就不交換,即函數(shù)返回值小于0,表示升序排列,函數(shù)返回值大于0,表示降序排列。

<!DOCTYPE html>
<html>
<head>
  <title>對數(shù)組中的元素進(jìn)行排序</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <script type="text/javascript">
    var x = new Array(1,20,8,12,6,7);  //創(chuàng)建數(shù)組
    document.write("排序前數(shù)組:"+x.join(",")+"<p>"); //輸出數(shù)組元素
    x.sort();  //按字符升序排列數(shù)組
    document.write("沒有使用比較函數(shù)排序后數(shù)組:"+x.join(",")+"<p>");   //輸出排序后數(shù)組
    x.sort(asc);    //有比較函數(shù)的升序排列
    /*升序比較函數(shù)*/
    function asc(a,b){
      return a-b;
    }
    document.write("排序升序后數(shù)組:"+x.join(",")+"<p>");  //輸出排序后的數(shù)組
    x.sort(des);  //有比較函數(shù)的降序排列
    /*降序比較函數(shù)*/
    function des(a,b){
      return b-a;
    }
    document.write("排序降序后數(shù)組:"+x.join(",")); //輸出排序后數(shù)組
 </script>
</head>
<body>
</body>
</html>

以上實例代碼大家可以測試下,感謝大家的學(xué)習(xí)和對腳本之家的支持。

相關(guān)文章

  • JS基于HTML5的canvas標(biāo)簽實現(xiàn)炫目的色相球動畫效果實例

    JS基于HTML5的canvas標(biāo)簽實現(xiàn)炫目的色相球動畫效果實例

    這篇文章主要介紹了JS基于HTML5的canvas標(biāo)簽實現(xiàn)色相球效果,結(jié)合實例形式分析了基于canvas標(biāo)簽實現(xiàn)圖形繪制的相關(guān)操作技巧,需要的朋友可以參考下
    2016-08-08
  • 純javascript實現(xiàn)選擇框的全選與反選功能

    純javascript實現(xiàn)選擇框的全選與反選功能

    這篇文章主要介紹了純javascript實現(xiàn)選擇框的全選與反選 ,需要的朋友可以參考下
    2019-04-04
  • JavaScript之移動端H5生成圖片解決方案講解

    JavaScript之移動端H5生成圖片解決方案講解

    這篇文章主要介紹了JavaScript之移動端H5生成圖片解決方案講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
    2021-08-08
  • js觀察者模式的介紹及使用

    js觀察者模式的介紹及使用

    這篇文章主要介紹了java設(shè)計模式中觀察者模式,全文通過舉例子及代碼的形式進(jìn)行了一個簡單的介紹,希望大家能夠理解并且學(xué)習(xí)到其中知識
    2021-08-08
  • JS實現(xiàn)即點即編輯功能代碼

    JS實現(xiàn)即點即編輯功能代碼

    以前在網(wǎng)上都看到過類似的功能,不過沒自己想要實現(xiàn)過,這次剛好做靜態(tài)頁面中有這樣的一個需求,就試著自己做做看,做完發(fā)現(xiàn)也不是什么很難的事情。
    2008-10-10
  • webpack-dev-server 的 host 配置 0.0.0.0的方法

    webpack-dev-server 的 host 配置 0.0.0.0的方法

    這篇文章主要介紹了webpack-dev-server 的 host 配置 0.0.0.0的方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,,需要的朋友可以參考下
    2024-01-01
  • JavaScript中的16進(jìn)制字符介紹

    JavaScript中的16進(jìn)制字符介紹

    最早接觸到\unnn之類的字符是在微軟的官網(wǎng)上。當(dāng)時在網(wǎng)上找了一下這中字符格式,卻不知道該搜什么
    2011-10-10
  • 有一段有意思的代碼-javascript現(xiàn)實多行信息

    有一段有意思的代碼-javascript現(xiàn)實多行信息

    有一段有意思的代碼-javascript現(xiàn)實多行信息...
    2007-08-08
  • JavaScript?中從?URL?獲取數(shù)據(jù)的方法

    JavaScript?中從?URL?獲取數(shù)據(jù)的方法

    這篇文章主要介紹了在?JavaScript?中從?URL?獲取數(shù)據(jù),我們使用了open函數(shù),將請求方法類型和URL作為參數(shù)傳遞,并調(diào)用XMLHttpRequest()的send()方法,結(jié)合示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-05-05
  • JavaScript錯誤處理超完整實用指南

    JavaScript錯誤處理超完整實用指南

    在JavaScript中進(jìn)行錯誤處理,最常見的方式就是使用try catch語句,下面這篇文章主要給大家介紹了關(guān)于JavaScript錯誤處理的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-11-11

最新評論

平安县| 温泉县| 叙永县| 时尚| 旌德县| 徐汇区| 靖州| 忻城县| 清远市| 南通市| 托克托县| 淮滨县| 枣强县| 郧西县| 卓资县| 临沧市| 辽阳市| 北海市| 吉木乃县| 黔东| 大埔县| 罗源县| 双城市| 尉氏县| 鄯善县| 平乡县| 莲花县| 永州市| 玛曲县| 山西省| 青浦区| 卓资县| 昌江| 凯里市| 嘉黎县| 黄浦区| 湟中县| 红原县| 兴文县| 江达县| 通渭县|