快捷導(dǎo)航

JS實(shí)現(xiàn)數(shù)組按升序及降序排列的方法

更新時(shí)間：2017年04月26日 11:22:24 作者：OliveKong

這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組按升序及降序排列的方法,涉及javascript針對(duì)數(shù)組的簡(jiǎn)單排序操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)數(shù)組按升序及降序排列的方法。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>數(shù)組數(shù)字大小排序</title>
</head>
<body>
  <p>讓數(shù)組按照升序降序排列</p>
  <p>這里寫個(gè)數(shù)組 var array=[1,80,4,33,21,55];</p>
  <p>升序輸出：</p>
  <script type="text/javascript">
    var array=[1,80,4,33,21,55];
    array.sort(function (x,y) {
      return x-y;
    });
    document.writeln(array);
  </script>
  <p>解釋：<br> x,y表示數(shù)組中的任意兩個(gè)元素，若return > 0,則y前x;若reutrn < 0 ,則x前y后;當(dāng)x=y時(shí)存在瀏覽器兼容。<br>簡(jiǎn)單來(lái)說(shuō)：就是，x-y是按照從小到大排序，y-x是按照從大到小排序。</p>
  <p>順手寫個(gè)降序：</p>
  <script type="text/javascript">
    var array=[1,80,4,33,21,55];
    array.sort(function (x,y) {
      return y-x;
    });
    document.writeln(array);
  </script>
</body>
</html>

運(yùn)行效果圖如下：

PS：這里再為大家推薦2款相關(guān)在線排序工具供大家參考使用：

在線中英文根據(jù)首字母排序工具：
http://tools.jb51.net/aideddesign/zh_paixu

在線文本倒序翻轉(zhuǎn)排序工具：
http://tools.jb51.net/aideddesign/flipped_txt

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript排序算法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

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

您可能感興趣的文章:

相關(guān)文章

javascript中返回頂部按鈕的實(shí)現(xiàn)
這篇文章主要介紹了使用javascript實(shí)現(xiàn)博客園頁(yè)面右下角返回頂部按鈕的思路及源碼,非常不錯(cuò),這里推薦給小伙伴們
2015-05-05
JavaScript中l(wèi)ocalStorage對(duì)象存儲(chǔ)方式實(shí)例分析
這篇文章主要介紹了JavaScript中l(wèi)ocalStorage對(duì)象存儲(chǔ)方式,結(jié)合實(shí)例形式分析了localStorage對(duì)象存儲(chǔ)數(shù)據(jù)的原理及操作技巧,需要的朋友可以參考下
2017-01-01
javascript的字符串按引用復(fù)制和傳遞,按值來(lái)比較介紹與應(yīng)用
字符串是按引用復(fù)制和傳遞的，但是是按值來(lái)比較的;當(dāng)按值復(fù)制或傳遞時(shí)，將在計(jì)算機(jī)內(nèi)存中分配一塊空間并將原值復(fù)制到其中,需要的朋友可以參考下
2012-12-12
Element ui 下拉多選時(shí)新增一個(gè)選擇所有的選項(xiàng)
這篇文章主要介紹了Element ui 下拉多選時(shí) 新增一個(gè)選擇所有的選項(xiàng),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-08-08
IE無(wú)法設(shè)置短域名下Cookie
最近客戶在使用我們的流量監(jiān)測(cè)系統(tǒng)以及GA時(shí)發(fā)現(xiàn)了一個(gè)問(wèn)題，我們統(tǒng)計(jì)到的數(shù)據(jù)比GA的要多很多倍，而且我們統(tǒng)計(jì)到的數(shù)據(jù)中，跳出率非常高，高達(dá)99%左右。
2010-09-09
js獲取指定時(shí)間的前幾秒
本文主要介紹了根據(jù)一張圖片的拍攝時(shí)間獲取到這個(gè)時(shí)間前二后三的一個(gè)五秒鐘的視頻信息的實(shí)例方法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-04-04
javascript模擬地球旋轉(zhuǎn)效果代碼實(shí)例
javascript模擬地球旋轉(zhuǎn)效果，把一下代碼保存到HTML文件，打開(kāi)就可以看到一個(gè)旋轉(zhuǎn)的地球。請(qǐng)使用Chrome、Opera或者火狐瀏覽器查看，IE8不支持
2013-12-12
laydate時(shí)間日歷插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了laydate時(shí)間日歷插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11
對(duì)字符串進(jìn)行HTML編碼和解碼的JavaScript函數(shù)
對(duì)字符串進(jìn)行HTML編碼和解碼的JS函數(shù)，記下了方便以后找 :)
2010-02-02
瀑布流的實(shí)現(xiàn)方式（原生js+jquery+css3）
這篇文章主要為大家詳細(xì)介紹了原生js+jquery+css3實(shí)現(xiàn)瀑布流的相關(guān)代碼，三種實(shí)現(xiàn)瀑布流的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07