Sign in Subscribe
Javascript

Bongkar Rahasia Code Point di JavaScript untuk Karakter Unik

Bongkar Rahasia Code Point di JavaScript untuk Karakter Unik
Photo by Jay Wennington / Unsplash

Pernah penasaran gimana sih JavaScript mengolah karakter yang ada di teks? Di balik layar, semua karakter yang kita lihat sebenarnya punya kode unik yang disebut code point. Nah, di artikel ini, kita bakal bongkar rahasia code point dan gimana kamu bisa memanfaatkannya di JavaScript untuk bikin aplikasi yang lebih canggih. Yuk, kita mulai!

Apa Itu Code Point?

Sederhananya, code point adalah representasi numerik dari setiap karakter di dalam Unicode. Unicode adalah standar universal yang mengelola berbagai karakter dari berbagai bahasa di seluruh dunia, termasuk emoji favorit kamu! Setiap karakter, dari huruf biasa hingga simbol yang kompleks, punya kode unik yang disebut Unicode Code Point.

Misalnya:

  • Karakter A punya code point U+0041.
  • Emoji 😊 punya code point U+1F60A.

Di JavaScript, kita bisa mengakses informasi ini menggunakan metode khusus.

Fungsi codePointAt() di JavaScript

JavaScript menyediakan metode codePointAt() untuk mendapatkan code point dari sebuah karakter di string. Metode ini mengembalikan nilai numerik yang merepresentasikan karakter tersebut.

Sintaks Dasar

string.codePointAt(posisi);
  • string: Teks atau string yang ingin diperiksa.
  • posisi: Indeks karakter yang ingin kamu ambil code point-nya.

Contoh Penggunaan

Mari kita lihat gimana fungsi ini bekerja:

Contoh 1: Karakter Biasa

let teks = "Hello";
console.log(teks.codePointAt(0)); // Output: 72

Karakter H di posisi 0 memiliki code point 72.

Contoh 2: Emoji

let emoji = "😊";
console.log(emoji.codePointAt(0)); // Output: 128522

Emoji senyum 😊 memiliki code point 128522. Angka ini adalah representasi unik emoji tersebut di Unicode.

Akses Semua Code Point dalam String

Kalau kamu ingin mengambil semua code point dari string, kamu bisa menggunakan loop. Misalnya:

let teks = "Halo 😊";
for (let i = 0; i < teks.length; i++) {
  console.log(`Karakter: ${teks[i]}, Code Point: ${teks.codePointAt(i)}`);
}

Output:

Karakter: H, Code Point: 72
Karakter: a, Code Point: 97
Karakter: l, Code Point: 108
Karakter: o, Code Point: 111
Karakter:  , Code Point: 32
Karakter: 😊, Code Point: 128522

Mengubah Code Point ke Karakter dengan String.fromCodePoint()

Selain membaca code point, kamu juga bisa membuat karakter baru berdasarkan nilai code point menggunakan metode String.fromCodePoint().

Contoh:

let karakter = String.fromCodePoint(128522);
console.log(karakter); // Output: 😊

Metode ini berguna jika kamu ingin membuat karakter atau simbol tertentu berdasarkan kode Unicode.

Kasus Penggunaan Code Point

1. Filter Emoji dari String

Kamu bisa memfilter string untuk menemukan hanya karakter emoji menggunakan code point.

let teks = "Hello 😊, welcome to JavaScript 🚀!";
let hasil = [...teks].filter(char => char.codePointAt(0) > 1000);
console.log(hasil.join("")); // Output: 😊🚀

2. Menghitung Panjang String yang Mengandung Emoji

Emoji sering dihitung sebagai dua karakter di JavaScript. Dengan code point, kamu bisa menghitung panjang string yang "benar."

let teks = "Halo 😊";
let panjangSebenarnya = [...teks].length;
console.log(panjangSebenarnya); // Output: 5

3. Konversi Simbol Khusus

Misalnya, kamu ingin membuat generator simbol unik berbasis code point.

let simbolUnik = [];
for (let i = 128512; i <= 128516; i++) {
  simbolUnik.push(String.fromCodePoint(i));
}
console.log(simbolUnik.join(" ")); // Output: 😀 😃 😄 😁 😆

Limitasi dan Catatan Penting

  1. Karakter di Luar BMP (Basic Multilingual Plane) Karakter dengan code point lebih dari U+FFFF (seperti emoji) dihitung sebagai dua unit dalam string biasa. Oleh karena itu, gunakan metode codePointAt untuk mendapatkan nilai yang benar.
  2. Kompatibilitas Browser Sebagian besar browser modern sudah mendukung codePointAt() dan fromCodePoint(). Namun, jika kamu bekerja dengan browser lama, cek kompatibilitasnya dulu.
  3. Efisiensi Untuk string yang sangat panjang, loop menggunakan spread operator bisa lebih lambat dibanding metode lain. Gunakan dengan bijak.

Kesimpulan

Dengan memahami code point, kamu bisa memanipulasi karakter di JavaScript dengan lebih fleksibel. Fungsi codePointAt() dan String.fromCodePoint() adalah alat yang kuat untuk bekerja dengan karakter Unicode, termasuk emoji dan simbol unik. Jadi, kalau kamu ingin bikin aplikasi yang mendukung berbagai karakter atau ingin bermain-main dengan emoji, fungsi ini wajib banget kamu coba!

Read next