Memformat Angka dan Mata Uang
Gunakan Intl.NumberFormat untuk angka yang sesuai lokal.
Memformat Angka dan Mata Uang adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 4 pelajaran total.
Ruang Nama Intl
Intl adalah API internasionalisasi bawaan JavaScript. API ini memformat angka, tanggal, mata uang, dan lainnya sesuai dengan aturan suatu lokal — tanpa memerlukan pustaka.
console.log(typeof Intl); // "object"
console.log(typeof Intl.NumberFormat); // "function"Dasar Intl.NumberFormat
Buat pemformat dengan suatu lokal, lalu panggil format(). Lokal menggunakan tag BCP 47 seperti "en-US" atau "de-DE".
const nf = new Intl.NumberFormat("en-US");
console.log(nf.format(1234567.89)); // "1,234,567.89"Perbedaan Lokal
Angka yang sama ditampilkan secara berbeda menurut lokalnya. Bahasa Jerman menggunakan titik untuk pemisah ribuan dan koma untuk desimal.
const n = 1234567.89;
console.log(new Intl.NumberFormat("en-US").format(n)); // 1,234,567.89
console.log(new Intl.NumberFormat("de-DE").format(n)); // 1.234.567,89Pemformatan Mata Uang
Berikan style: "currency" dan kode currency. Simbol dan penempatannya mengikuti lokal.
const usd = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
console.log(usd.format(2999.5)); // "$2,999.50"Mata Uang di Berbagai Lokal
Mata uangnya tetap sama, tetapi tampilannya menyesuaikan lokal yang dipilih.
const opts = { style: "currency", currency: "EUR" };
console.log(new Intl.NumberFormat("en-IE", opts).format(1000)); // €1,000.00
console.log(new Intl.NumberFormat("de-DE", opts).format(1000)); // 1.000,00 €Gaya Persentase
style: "percent" mengalikan nilai dengan 100 dan menambahkan tanda persentase sesuai lokal.
const pct = new Intl.NumberFormat("en-US", { style: "percent" });
console.log(pct.format(0.1875)); // "19%"
console.log(new Intl.NumberFormat("en-US", { style: "percent", maximumFractionDigits: 2 }).format(0.1875)); // "18.75%"Mengatur Digit Pecahan
minimumFractionDigits dan maximumFractionDigits mengatur jumlah tempat desimal.
const f = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
console.log(f.format(3)); // "3.00"
console.log(f.format(3.14159)); // "3.14"Satuan
style: "unit" dengan unit memformat pengukuran seperti kilometer atau liter.
const speed = new Intl.NumberFormat("en-US", { style: "unit", unit: "kilometer-per-hour" });
console.log(speed.format(120)); // "120 km/h"Notasi Ringkas
notation: "compact" menyingkat angka besar (1.2K, 3.4M) — sangat cocok untuk jumlah di media sosial.
const c = new Intl.NumberFormat("en-US", { notation: "compact" });
console.log(c.format(1500)); // "1.5K"
console.log(c.format(2300000)); // "2.3M"Tampilan Tanda
signDisplay: "always" menampilkan tanda bahkan untuk nilai positif — berguna untuk selisih dan perubahan.
const s = new Intl.NumberFormat("en-US", { signDisplay: "always" });
console.log(s.format(5)); // "+5"
console.log(s.format(-5)); // "-5"Gunakan Kembali Pemformat
Membuat pemformat relatif mahal. Buat pemformat sekali dan gunakan kembali untuk banyak nilai, bukan membuatnya setiap kali dipanggil.
const money = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
const prices = [9.99, 19.5, 100];
console.log(prices.map((p) => money.format(p)));Uji Cepat
Uji pemformatan angka.
Rangkuman: Angka dan Mata Uang
Anda memformat angka berdasarkan lokal, menangani mata uang, persentase, satuan, notasi ringkas, dan tampilan tanda, mengatur digit pecahan, serta mempelajari cara menggunakan kembali pemformat. Berikutnya: tanggal dan waktu.
Belajar JavaScript dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 59
- Pelajaran
- 200
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Memformat Angka dan Mata Uang” gratis?
Ya — teks lengkap “Memformat Angka dan Mata Uang” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Memformat Angka dan Mata Uang”?
Gunakan Intl.NumberFormat untuk angka yang sesuai lokal. Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai JavaScript Academy?
Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “Memformat Angka dan Mata Uang” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?
Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Memformat Angka dan Mata Uang
- Memformat Tanggal dan Waktu
- Waktu Relatif dan Bentuk Jamak
- Pengurutan Sesuai Lokal