JavaScript カスタム配列ソート方法_JavaScript スキル

この記事の例では、JavaScript のカスタム配列の並べ替え方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

配列には独自のソート関数があり、これを使用すると便利です。理解しておく必要があるのは、ソートがパラメータを渡さない場合、文字エンコーディングの順序に従ってソートされることです。 Unicode エンコーディング)。

var a=["3","2","1"]; 
console.log(a[0].charCodeAt(0)); // 51 
console.log(a[1].charCodeAt(0)); // 50 
console.log(a[2].charCodeAt(0)); // 49 
console.log(a.sort());      // ["1", "2", "3"] 
 
var a=["3","你","他"]; 
console.log(a[0].charCodeAt(0)); // 51 
console.log(a[1].charCodeAt(0)); // 20320 
console.log(a[2].charCodeAt(0)); // 20182 
console.log(a.sort());      // ["3", "他", "你"] 
 
var a=["3","11","222"]; 
console.log(a.sort());// ["11", "222", "3"]  
           // 多个字符的时候按照第一个字符的编码

しかし、ソートの最も便利な点は、ソートをカスタマイズできることだと思います。これは、オブジェクト配列のソートなど、実際のアプリケーションでも一般的です。たとえば、オブジェクト配列をその中の特定のフィールドに従って線形平面でソートしたい場合、確かにそれを行う関数を自分で書くことはできますが、ソートほど便利ではないと思います。

var list = [ 
  { 
    max:3, 
    avg:2, 
    min:1 
  }, 
  { 
    max:10, 
    avg:15, 
    min:20 
  }, 
  { 
    max:8, 
    avg:5, 
    min:2 
  } 
]; 
// 根据max字段对list对象进行排序，从小到大的顺序 
// x,y就是要比较的数组的单个元素，这里就是list中的一个元素 
// 排序方法主要是要提供一个比较大小的规则，换句话说也就是要说明谁大谁小 
// 返回值为true or false 
function sortByField(x, y) { 
  return x.max - y.max; 
} 
console.log(list.sort(sortByField));

操作効果は以下の通りです:

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。