如何使用JavaScript數(shù)組方法sort給數(shù)值類型元素排序

1. 問(wèn)題背景

如果定義了一個(gè)字符串類型數(shù)組,可以直接使用sort方法,對(duì)元素進(jìn)行排序;但是如果數(shù)組的元素是數(shù)值類型的,使用sort方法進(jìn)行排序,效果就達(dá)不到了。如果堅(jiān)持使用sort方法對(duì)數(shù)值類型元素排序,可以添加一個(gè)比較大小的函數(shù)。

2. 實(shí)現(xiàn)源碼

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>使用sort方法給數(shù)組元素排序</title>
        <script>
            window.onload = function(){
                var a = ['hui','you','are','save','add','opp'];
                a.sort();
                console.log(a);
                
                var b = [23,90,100,1,300,768,2];
                b.sort();
                console.log(b);
            }
        </script>
    </head>
    <body>
    </body>
</html>

3. 實(shí)現(xiàn)效果

實(shí)現(xiàn)效果

4. 改進(jìn)源碼

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>使用sort方法給數(shù)組元素排序</title>
        <script>
            window.onload = function(){
                var a = ['hui','you','are','save','add','opp'];
                a.sort();
                console.log(a);
                
                var b = [23,90,100,1,300,768,2];
                b.sort(compareData);
                console.log(b);
            }
            
            function compareData(n1,n2){
                return n1 - n2;
            }
        </script>
    </head>
    <body>
    </body>
</html>

5. 改進(jìn)效果

改進(jìn)效果

6. 代碼說(shuō)明

sort方法是按照字典順序?qū)υ剡M(jìn)行排序的,因此它排序的元素類型都是字符串;如果元素類型是數(shù)值類型,它也會(huì)認(rèn)為是字符串。如果還是想要使用sort方法對(duì)數(shù)組數(shù)值元素排序,可以在排序之前傳入一個(gè)比較大小的函數(shù),sort方法可以根據(jù)函數(shù)比較兩個(gè)元素的大小,確定數(shù)組的順序。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ??引用類型的值(對(duì)象)是引用類型的一個(gè)實(shí)例。 ??在 ECMAscript 中,引用類型是一種數(shù)據(jù)結(jié)構(gòu),用于將數(shù)...
    霜天曉閱讀 1,219評(píng)論 0 1
  • 第5章 引用類型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,679評(píng)論 0 4
  • 第3章 基本概念 3.1 語(yǔ)法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡(jiǎn)單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,526評(píng)論 0 21
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,851評(píng)論 0 3
  • 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的 JavaScript 類型 使用基本類型和基本包裝類型 引用類型的...
    悶油瓶小張閱讀 781評(píng)論 0 0

友情鏈接更多精彩內(nèi)容