快捷導(dǎo)航

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

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

這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組按升序及降序排列的方法,涉及javascript針對數(shù)組的簡單排序操作相關(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>簡單來說：就是，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é)》

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

您可能感興趣的文章:

相關(guān)文章

常用的 JS 排序算法整理版
關(guān)于排序算法的問題可以在網(wǎng)上搜到一大堆，但是純 JS 版比較零散，之前面試的時(shí)候特意整理了一遍，附帶排序效率比較
2018-04-04
Javascript前端經(jīng)典的面試題及答案
最近在網(wǎng)上看到了一些關(guān)于Javascript的面試題就整理了下來，希望對有需要的朋友或者自己能有一定的幫助，后續(xù)看到再繼續(xù)補(bǔ)充。下面一起來看看這篇關(guān)于Javascript前端常見的面試題的文章，一起來學(xué)習(xí)學(xué)習(xí)吧。
2017-03-03
document.createElement()用法
document.createElement()是在對象中創(chuàng)建一個(gè)對象，要與appendChild() 或 insertBefore()方法聯(lián)合使用。其中，appendChild() 方法在節(jié)點(diǎn)的子節(jié)點(diǎn)列表末添加新的子節(jié)點(diǎn)
2013-03-03
bootstrap響應(yīng)式工具使用詳解
這篇文章主要介紹了bootstrap響應(yīng)式工具使用的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
JavaScript?文件優(yōu)化全面指南
本文將探討實(shí)用的?JavaScript?文件優(yōu)化技術(shù)、如何處理與?JavaScript?文件相關(guān)的性能問題以及幫助優(yōu)化過程的工具,你將獲得提升web應(yīng)用程序速度的相關(guān)知識,從而為你的用戶提供無縫體驗(yàn)
2023-12-12
前端終止請求的3種方式總結(jié)(ajax、axios)
這篇文章主要給大家總結(jié)介紹了關(guān)于前端終止請求的3種方式,其中包括ajax、axios的相關(guān)資料, 取消請求在前端有時(shí)候會(huì)用到,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-09-09
javascript實(shí)現(xiàn)input file上傳圖片預(yù)覽效果
這篇文章主要介紹了javascript實(shí)現(xiàn)input file上傳圖片預(yù)覽效果，感興趣的小伙伴們可以參考一下
2015-12-12
javascript實(shí)現(xiàn)網(wǎng)頁背景煙花效果的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)網(wǎng)頁背景煙花效果的方法,涉及javascript數(shù)學(xué)運(yùn)算及頁面元素動(dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
原生js實(shí)現(xiàn)自定義滾動(dòng)條
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)自定義滾動(dòng)條，可點(diǎn)擊、拖動(dòng)到達(dá)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
微信小程序?qū)崿F(xiàn)點(diǎn)擊導(dǎo)航標(biāo)簽滾動(dòng)定位到對應(yīng)位置
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊導(dǎo)航標(biāo)簽滾動(dòng)定位到對應(yīng)位置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11