Penyahkodan Isih Emoji JavaScript dengan Skala Fitzpatrick

Apabila kita berfikir untuk mengisih tatasusunan dalam JavaScript, kita biasanya membayangkan rentetan, nombor atau objek yang disusun dalam susunan menaik atau menurun. Tetapi apa yang berlaku apabila elemen tatasusunan adalah emoji? Jawapannya mungkin mengejutkan anda, terutamanya apabila pengubah suai rona kulit mula bermain!

Dalam blog ini, kita akan menyelami cara JavaScript mengendalikan pengisihan emoji, meneroka skala Fitzpatrick yang mempengaruhi gelagat ini dan mempamerkan beberapa contoh aneh di sepanjang jalan.

---

Contohnya

Mari mulakan dengan coretan kod daripada tangkapan skrin:

["??", "??", "??", "??", "??"].sort();

Apabila dilaksanakan, kod ini menghasilkan output berikut:

["??", "??", "??", "??", "??"]

Pada pandangan pertama, anda mungkin tertanya-tanya, Apa yang baru berlaku? Emoji disusun mengikut susunan "terang ke gelap". Untuk memahami sebab ini berlaku, kita perlu melihat di bawah hud JavaScript dan Unicode.

---

Apa Yang Sebenarnya Berlaku?

1. Cara Emoji Berfungsi

Setiap emoji diwakili oleh titik kod Unikod yang unik. Contohnya:

• ? diwakili oleh U 1F469.
• ? (pengubah suai ton kulit) diwakili oleh U 1F3FF.

Apabila emoji seperti "??" dipaparkan, ia sebenarnya adalah gabungan dua aksara Unicode:

• Emoji asas (?).
• Pengubah suai ton kulit (?).

2. Isih dalam JavaScript

Kaedah .sort() dalam JavaScript berfungsi dengan membandingkan nilai Unicode elemen tatasusunan, menganggapnya sebagai rentetan secara lalai. Ini bermakna susunan pengisihan emoji ditentukan oleh nilai Unikod asasnya.

3. Skala Fitzpatrick

Skala Fitzpatrick ialah sistem klasifikasi untuk ton kulit manusia, dari Jenis I (paling terang) hingga Jenis VI (paling gelap). Unicode menggunakan skala ini untuk memperkenalkan kepelbagaian ton kulit dalam emoji. Begini cara pengubah suai sepadan dengan skala Fitzpatrick:

• ? (Jenis I): Cahaya
• ? (Jenis II): Ringan-Sederhana
• ? (Jenis III): Sederhana
• ? (Jenis IV): Sederhana-Gelap
• ? (Jenis V): Gelap

Apabila mengisih emoji dengan pengubah suai ini, JavaScript pada asasnya menyusunnya berdasarkan nilai berangka pengubah rona kulit, yang sepadan dengan skala Fitzpatrick.

---

Mari Lihat Ini dalam Tindakan

Berikut ialah demonstrasi praktikal:

["??", "??", "??", "??", "??"].sort();

Memecahkannya

• Kaedah .sort() membandingkan nilai Unicode setiap emoji.
• Pengubah suai ton kulit (?, ?, dsb.) telah meningkatkan nilai Unikod.
• Ini menyebabkan emoji diisih daripada paling terang (?) kepada paling gelap (?).

---

Eksperimen Keseronokan

Mari cuba beberapa variasi dan perhatikan hasilnya.

1. Emoji Campuran

Apakah yang berlaku jika kami memasukkan emoji asas tanpa pengubah suai ton kulit?

["??", "??", "??", "??", "??"]

Output:

// Array of emojis with skin-tone modifiers
const emojis = ["??", "??", "??", "??", "??"];

// Sort the array
const sortedEmojis = emojis.sort();

// Log the sorted array
console.log(sortedEmojis); 
// Output: ["??", "??", "??", "??", "??"]

Di sini, emoji asas ? didahulukan kerana ia mempunyai nilai Unicode terkecil, diikuti oleh varian rona kulit yang diisih.

---

2. Mengisih Kumpulan Emoji Lain

Bagaimana jika kita mengisih kumpulan emoji lain dengan pengubah suai, seperti gerak isyarat tangan?

const mixedEmojis = ["??", "??", "?", "??", "??", "??"];
console.log(mixedEmojis.sort());

Output:

["?", "??", "??", "??", "??", "??"]

Sekali lagi, emoji diisih berdasarkan skala Fitzpatrick.

---

Unikod Di Sebalik Tabir

Untuk memahami gelagat pengisihan dengan lebih mendalam, mari kita periksa nilai Unikod bagi setiap emoji:

const handEmojis = ["??", "??", "??", "??", "??"];
console.log(handEmojis.sort());

Ini akan mencatatkan nilai Unikod bagi emoji asas dan pengubah suainya. Anda akan dapati peningkatan tambahan dalam nilai untuk pengubah rona kulit.

---

Bacaan Lanjut

• Piawai Teknikal Unikod #51
• MDN: Array.prototype.sort()

Atas ialah kandungan terperinci Penyahkodan Isih Emoji JavaScript dengan Skala Fitzpatrick. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!