es6陣列的排序方法是什麼

2022-04-11 19:00:45

es6陣列的排序方法是「sort()」。sort()方法用於對陣列的元素進行排序,排序順序可以是字母或數位,並按升序或降序,預設按字母升序;該方法有一個可選引數,此引數必須是函數,語法「array.sort(callback(a,b))」。

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

sort() 方法用於對陣列的元素進行排序。

  • 排序順序可以是字母或數位,並按升序或降序。

  • 預設排序順序為按字母升序。

其中,sort()方法有一個可選引數。但是,此引數必須是函數。 陣列在呼叫 sort()方法時,如果沒有傳參將按字母順序(字元編碼順序)對陣列中的元素進行排序,如果想按照其他標準進行排序,就需要進行傳一個引數且為函數,該函數要比較兩個值,並且會返回一個用於說明這兩個值的相對順序的數位。

語法:

array.sort(callback(a,b))
引數描述
callback(a,b)

可選。規定排序順序。必須是函數。

返回值:Array型別,是對陣列的參照。請注意,陣列在原陣列上進行排序,不生成副本。

範例:

 //sort的基本使用
  let arr = [8, 1, 4, 3, 7, 9]
  let Arr = [21, 55, 29, 105, 45]
  console.log(arr.sort()) //[1, 3, 4, 7, 8, 9]
  console.log(Arr.sort()) // [105, 21, 29, 45, 55]

1.png

由上述程式碼可知:sort()方法只能對0-9以內的陣列進行正確排序,兩位數以上的陣列項雖然給出了返回值,但卻並不是排序後的結果。這是因為sort()是內部做的是根據ASCLL碼進行排序的,並不是根據數值大小排序。那這個方法連兩位數以上的數位都無法進行正規排序處理,跟鹹魚有什麼區別呢?

重點來了:sort()可以接收一個攜帶兩個形參的callback(a,b),即a、b是兩個即將要比較大小的元素,且必須要有返回值。

  • 當callback的返回值是正數時、那麼 b 會被排列到 a 之前;

  • 當callback的返回值是負數時、那麼 a 會被排列到 b 之前;

  • 當callback的返回值是為 0 時、那麼 a 與 b 的位置保持不變;

  • sort每執行一次會根據返回值調換兩個引數a、b在原陣列中的位置;

看完上面的描述你會很蒙圈,你一定會問返回值在哪?引數 a b 的實參是誰?這些當你看懂下面程式碼之後統統小兒科!

 //sort 內部寫法
  let Arr = [56, 21, 29, 105, 45]
  Arr.sort(function(a, b) { //callback
      if (a > b) { // a b 分別是Arr中的 56 21
          return 1  //返回正數 ,b排列在a之前
      } else {
          return -1 //返回負數 ,a排列在b之前
      }
  })
  console.log(Arr) //[21, 29, 45, 55, 105]

執行邏輯:

2.png

需要注意的是callback( a , b )接收的兩個引數分別是a = > 當前項、b當前項的下一項,若當前項與下一項位置不變時,b為下一項索引-1;判斷遍歷結束的條件是b引數取不到值 即結束,舉例上述程式碼中第三輪第二次執行時 當前項的索引是3 那麼b為下一項,即4 陣列中取不到第4項,不滿足繼續遍歷條件,結束遍歷!

談談返回值:上述程式碼寫的返回值 1 與 -1 只是象徵性的代表 1為正數 -1為負數,不論你程式碼寫什麼返回值,sort內部只會去判斷你的返回值是正數還是負數,哪怕等式成立返回100 不成立返回-10000都是可行的。

解釋簡寫方式:

3.png

//簡寫 最終版  
  let Arr = [56, 21, 88, 10, 5, 77]
  Arr.sort((a, b) => a - b) //箭頭函數不加大括號指向這個函數的返回值,可以不寫return關鍵字
  console.log(Arr) //[5, 10, 21, 56, 77, 88]

由上圖可知,回撥函數內部的處理方式是a - b ,而不再是對比兩個數。這是因為對比兩個數的這一步操作是sort去做的,你只需要規定返回值即可,恰好數學定義大數 - 小數 = 正數 、小數 - 大數 = 負數

舉例 56 - 21 = 35 為正數、則返回值為正數,正數代表改變位置;

21 - 88 = 35 為負數、則返回值為負數,負數代表改變位置;

如果數學中大數 - 小數 ≠ 正數 、小數 - 大數 ≠ 負數,就不能這麼簡寫。所以要明確的是sort內部做的是互相對比 而不是互減;

【相關推薦:、】

以上就是es6陣列的排序方法是什麼的詳細內容,更多請關注TW511.COM其它相關文章!