Cara Menghapus Spasi di Awal dan Akhir String JavaScript

Input pengguna sering mengandung spasi berlebih di awal atau akhir yang bisa menyebabkan login gagal atau data tidak konsisten. Membersihkannya adalah langkah wajib. Artikel ini membahas cara menghapus spasi dengan trim di JavaScript.

Metode trim()

<script>
const teks = "   halo dunia   ";
console.log(teks.trim()); // "halo dunia"
</script>

Contoh Kasus: Validasi Form yang Benar

<script>
const nama = document.getElementById("nama").value.trim();
if (nama === "") {
    alert("Nama wajib diisi"); // input berisi hanya spasi pun ditolak
}
</script>

Tanpa trim(), input berisi hanya spasi (” “) akan lolos pemeriksaan kosong, padahal seharusnya ditolak.

trimStart() dan trimEnd()

<script>
"   halo   ".trimStart(); // "halo   "
"   halo   ".trimEnd();   // "   halo"
</script>

Menghapus Spasi di Tengah

trim() tidak menyentuh spasi di tengah. Untuk merapikan spasi ganda, gunakan regex:

<script>
"halo    dunia".replace(/\s+/g, " "); // "halo dunia"
</script>

Kesimpulan

Selalu .trim() input pengguna sebelum divalidasi atau dikirim. Gunakan trimStart()/trimEnd() untuk satu sisi, dan regex replace(/\s+/g, " ") untuk merapikan spasi ganda di tengah.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

• Cara Mengubah String Menjadi Angka di JavaScript
• Cara Mengubah Angka Menjadi String di JavaScript
• Cara Memformat Angka dengan Pemisah Ribuan di JavaScript