Penyortiran Cina berdasarkan Pinyin dalam Javascript dengan localeCompare?

Ini berfungsi di Chrome:

const arr = ["博","啊","吃","世","中","超"]
arr.sort((x,y)=>x.localeCompare(y, 'zh-CN'))

Secara umum, orang akan menggunakan metode berikut untuk mengurutkan pinyin karakter Cina

var list=[' king ', 'a', 'li'];  
list.Sort(function (a, b) {return a.localeCompare(b); });

localeCompare () : dengan urutan spesifik lokal untuk membandingkan dua string.

Pendekatan terhadap pengurutan pinyin ini tidak dapat diandalkan.

Cara kedua: sangat bergantung pada sistem operasi Cina

Sangat bergantung pada kernel browser Artinya, jika pengunjung situs Anda melalui sistem Cina, atau browser Internet explorer (Chrome), maka dia mungkin tidak akan dapat melihat pinyin mengurutkan hasil yang kami harapkan.

Di sini saya akan memperkenalkan solusi saya untuk masalah ini, berharap dapat memperolehnya: metode ini mendukung kumpulan karakter Unicode x4e00 dari 0 hingga 0 area x9fa5 total 20902 berturut-turut dari Tiongkok (termasuk Taiwan), Jepang, Korea Selatan, Aksara Cina yaitu aksara CJK (Cina Jepang Korea).

var CompareStrings={.........}
getOrderedUnicode: function (char) {
var originalUnicode=char.charCodeAt (); 
if (originalUnicode >=0 x4e00 && originalUnicode <=0 x9fa5) {
var index=this.Db.IndexOf (char); 
if (index >1) {
return index + 0 x4e00; 

}} 
return originalUnicode; 
}, 


compare: function (a, b) {
if (a==b) {return 0; }

//here can be rewritten according to the specific needs and the writing is the empty string at the bottom the if (a.length==0) {return 1; } 

if (b.length==0) {return - 1; } 
var count=a.length >B.length? B.length: a.length; 

for (var i=0; i<count; i++) {
var au=this.GetOrderedUnicode (a [i]); 
var bu=this.GetOrderedUnicode [i] (b); 
if (au >bu) {
return 1; 
} else if (au <bu) {
return - 1; 
}} 

return a.length >B.length? 1:1; 

}} 
//rewriting system native localeCompare 

Prototipe:

LocaleCompare = function (param) {
    return CompareStrings.compare said (enclosing the toString (), param); 
} 

Anda dapat melalui tautan di bawah untuk mengunduh kode lengkap

Pengenalan singkat tentang prinsip implementasi:

1. Menurut pinyin sort good character (db): ada beberapa cara untuk mencapai suatu tujuan, saya selesai dengan kombinasi JavaScript + c#, gunakan skrip terlebih dahulu masukkan semua enumerasi karakter Cina, lalu serahkan ke c #good background sort , dan output ke front desk, ini baru persiapannya, apa saja bisa.

2. Identifikasi dua karakter yang lebih besar (getOrderedUnicode): karena ketika memesan, tidak hanya berurusan dengan karakter Cina, dan karakter Cina di luar karakter, jadi pembanding harus dapat mengidentifikasi semua karakter, kami di sini dengan menilai apakah suatu karakter adalah untuk membedakan karakter Cina: jika itu adalah karakter Cina, maka indeks pencarian perpustakaan kata yang baik, nilai indeks ditambah karakter Unicode mengatur lokasi karakter Cina pertama, adalah setelah "kalibrasi" dari kumpulan karakter Unicode dari nilai indeks; Jika bukan karakter Cina, kembalikan langsung pada nilai indeks kumpulan karakter Unicode.

3. Bandingkan dua string (bandingkan): dengan membandingkan dua masing-masing karakter (dalam perbandingan rentang efektif, yaitu semakin pendek panjang string), jika Anda menemukan lebih besar dari b, ia mengembalikan 1, sebaliknya mengembalikan 1.

4. Dalam rentang efektif setelah perbandingan jika belum seri, lihat saja siapa yang lebih panjang, misalnya a='123', b='1234', maka b panjang untuk mendayung di belakang.

EDIT

Anda juga dapat menggunakan plugin JQuery:

jQuery.extend( jQuery.fn.dataTableExt.oSort, {
    "chinese-string-asc" : function (s1, s2) {
        return s1.localeCompare(s2);
    },
    "chinese-string-desc" : function (s1, s2) {
        return s2.localeCompare(s1);
    }
} );

Lihat postingan asli.

Menurut MDN, locales dan options argumen di localeCompare() telah ditambahkan di Firefox 29. Anda seharusnya bisa mengurutkan berdasarkan pinyin sekarang.

Ini solusinya:

<!--
pinyin_dict_notone.js and pinyinUtil.js is available in URL below:
https://github.com/sxei/pinyinjs
-->
<script src="pinyin_dict_notone.js"></script>
<script src="pinyinUtil.js"></script>
<script>
jQuery.extend(jQuery.fn.dataTableExt.oSort, {
  "chinese-string-asc": function(s1, s2) {
    s1 = pinyinUtil.getPinyin(s1);
    s2 = pinyinUtil.getPinyin(s2);
    return s1.localeCompare(s2);
  },
  "chinese-string-desc": function(s1, s2) {
    s1 = pinyinUtil.getPinyin(s1);
    s2 = pinyinUtil.getPinyin(s2);
    return s2.localeCompare(s1);
  }
});
jQuery(document).ready(function() {
  jQuery('#mydatatable').dataTable({
    "columnDefs": [
      { type: 'chinese-string', targets: 0 }
    ]
  });
});
</script>