DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

SUBSTR PADA JAVASCRIPT

Pelajari cara menggunakan substr pada JavaScript untuk memotong dan mengambil bagian dari string dengan mudah dan cepat. Panduan sederhana dan mudah dipahami.

Daftar Isi:

Cara Menggunakan substr
Menggunakan Hanya Satu Paramet...
Nilai Negatif pada Parameter S...
Perbedaan dengan substring dan...
Kesimpulan

Dalam JavaScript, fungsi substr digunakan untuk mengambil bagian dari sebuah string. Ini sangat berguna saat kamu ingin mengolah teks atau memanipulasi string.

Cara Menggunakan substr

Fungsi substr memiliki dua parameter utama:

  1. Start: Indeks awal dari string yang ingin kamu potong.
  2. Length: Panjang karakter yang ingin kamu ambil dari string (opsional).

Contoh Sederhana

let teks = "Hello, dunia!";
let hasil = teks.substr(7, 5); // akan menghasilkan "dunia"
console.log(hasil);

Dalam contoh di atas, kita mulai dari indeks ke-7 dan mengambil 5 karakter, menghasilkan “dunia”.

Menggunakan Hanya Satu Parameter

Jika kamu hanya mengisi parameter start, substr akan mengambil sisa string dari indeks tersebut hingga akhir.

Contoh

let teks = "Hello, dunia!";
let hasil = teks.substr(7); // akan menghasilkan "dunia!"
console.log(hasil);

Di sini, hasilnya adalah “dunia!” karena kita memulai dari indeks ke-7 dan mengambil semua karakter hingga akhir.

Nilai Negatif pada Parameter Start

Kamu juga bisa menggunakan nilai negatif pada parameter start. Ini akan menghitung dari akhir string.

Contoh

let teks = "Hello, dunia!";
let hasil = teks.substr(-6, 5); // akan menghasilkan "dunia"
console.log(hasil);

Dengan menggunakan -6, kita mulai dari karakter ke-6 dari akhir string dan mengambil 5 karakter.

Perbedaan dengan substring dan slice

Fungsi substr mirip dengan substring dan slice, tapi ada beberapa perbedaan utama:

  • substring(start, end): Mengambil string dari indeks start hingga satu karakter sebelum end.
  • slice(start, end): Mirip dengan substring, tapi bisa menerima nilai negatif untuk start dan end.

Contoh Singkat Perbedaan

let teks = "JavaScript";
console.log(teks.substring(4, 10)); // Output: "Script"
console.log(teks.slice(4, 10)); // Output: "Script"
console.log(teks.slice(-6)); // Output: "Script"
console.log(teks.substr(4, 6)); // Output: "Script"

Kamu bisa memilih yang paling sesuai dengan kebutuhanmu, tetapi memahami perbedaannya akan membantu dalam menulis kode yang lebih efektif dan efisien.

Kesimpulan

Fungsi substr adalah alat yang kuat untuk manipulasi string dalam JavaScript. Dengan menguasai cara menggunakannya, kamu bisa dengan mudah mengolah teks dan memproses data string dalam aplikasi web kamu.


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding