Metode JavaScript Substring: Syntax, Cara, dan Contohnya

Dalam pemrograman, terutama saat berhadapan dengan manipulasi teks, kita sering dihadapkan pada kebutuhan untuk memotong atau mengambil sebagian dari teks tersebut. Hal ini dilakukan menggunakan JavaScript substring.

Sebagai salah satu metode paling fundamental dalam JavaScript, substring memberikan kemampuan dalam mengelola string dengan presisi tinggi. Melalui kecanggihan dan fleksibilitas yang ditawarkan, tak heran jika metode ini menjadi favorit di kalangan developer.

Cari tahu lebih banyak tentang JavaScript substring dan bagaimana kita bisa memaksimalkan potensinya dalam web programming!

Pengenalan Metode JavaScript Substring

Metode substring() dalam JavaScript dipakai untuk mengembalikan bagian dari string berdasarkan indeks awal dan akhir yang ditentukan. Indeks di sini dimulai dari nol (0).

Sebagai contoh, jika kamu memiliki string "RevoUpedia" dan menggunakan metode substring(4, 7), hasil yang akan didapatkan adalah "Upe".

JavaScript substring penting dalam web programming karena saat memanipulasi string atau teks, kita mungkin ingin mengekstrak bagian tertentu dari string, mengganti bagian string dengan teks lain, atau bahkan memeriksa apakah string tertentu ada di dalam string lain.

Misalnya, saat ingin mengganti kata dalam sebuah string, kamu bisa menggunakan metode substring untuk menemukan kata tersebut lalu menggantinya dengan kata lain.

Syntax dan Parameter Metode Substring

Agar memahami bagaimana metode substring bekerja, kita perlu memahami syntax-nya terlebih dahulu.

string.substring(indexAwal, indexAkhir)

Berikut penjelasan masing-masing komponen dari syntax di atas:

• string: string asli yang ingin diambil bagian tertentunya. Misalnya, "Hello, Dunia!"

• indexAwal: posisi di mana ekstraksi substring ingin dimulai. Indeks di JavaScript dimulai dari 0, jadi jika kamu ingin mulai dari karakter pertama, kamu akan menggunakan indeks 0.

• indexAkhir (Opsional): ini adalah posisi sebelum karakter di mana ekstraksi substring akan berakhir. Karakter pada posisi indexAkhir tidak akan dimasukkan dalam hasil substring. Jika menghilangkan parameter ini, metode substring akan mengambil semua karakter dari indexAwal hingga akhir string.

  
  

Selanjutnya, untuk memotong atau mengambil bagian dari string dengan tepat, penting untuk memahami bagaimana indexAwal dan indexAkhir bekerja:

• Jika hanya indexAwal yang diberikan, metode substring akan mengambil semua karakter mulai dari indexAwal sampai akhir string.

• Jika indexAwal lebih besar dari indexAkhir, kedua nilai tersebut akan ditukar. Dengan kata lain, string.substring(5, 2) akan memberikan hasil yang sama dengan string.substring(2, 5).

• Jika salah satu atau kedua indeks negatif atau bukan angka, indeks akan diperlakukan sebagai 0.

• Jika indeks adalah angka desimal, indeks akan dibulatkan ke bawah.

  
  

Cara Menggunakan Metode Substring

Berikut cara menggunakan metode substring dengan beberapa contoh praktis:

#1 Mengambil bagian awal dari string

Kamu ingin mengambil beberapa karakter pertama dari string. Caranya, berikan satu parameter saja.

const teks = "Pemrograman Web";
const hasil = teks.substring(0, 5);
console.log(hasil); // Output: Pemro

#2 Mengambil bagian akhir dari string

Kamu bisa menghilangkan parameter kedua untuk mengambil semua karakter mulai dari indexAwal sampai akhir string.

const teks = "Pemrograman Web";
const hasil = teks.substring(5);
console.log(hasil); // Output: graman Web

#3 Menukar indeks awal dan akhir

Jika indexAwal lebih besar dari indexAkhir, kedua nilai tersebut akan ditukar.

const teks = "Pemrograman Web";
const hasil = teks.substring(12, 5);
console.log(hasil); // Output: raman W

#4 Menggunakan indeks negatif atau desimal

Indeks negatif akan diperlakukan sebagai 0 dan indeks desimal akan dibulatkan ke bawah.

const teks = "Pemrograman Web";
const hasil1 = teks.substring(-5, 7.5);
const hasil2 = teks.substring(2.7, 9.9);
console.log(hasil1); // Output: Pemrogram
console.log(hasil2); // Output: mrogram

#5 Mengambil substring berdasarkan panjang string

Kamu juga bisa mengambil bagian dari string berdasarkan panjangnya.

const teks = "Pemrograman Web";
const hasil = teks.substring(0, teks.length - 4);
console.log(hasil); // Output: Pemrograman

FAQ (Frequently Ask Question)

Kapan sebaiknya menggunakan metode substring? 

Seperti metode lainnya, penting untuk mengetahui kapan waktu yang tepat untuk menggunakan JavaScript substring. Berikut beberapa situasi di mana metode substring tepat digunakan:

• Ekstraksi informasi: jika kamu memiliki string mengandung informasi tertentu dalam format yang konsisten, kamu bisa menggunakan substring untuk mengekstrak informasi tersebut. Misalnya, mengambil tanggal, bulan, dan tahun dari format tanggal "DD-MM-YYYY".

• Data cleaning: saat bekerja dengan data yang memiliki karakter ekstra atau prefiks/sufiks yang tidak diinginkan, substring membantu memotong bagian yang tidak perlu.

• Pembuatan format: substring juga cocok digunakan dalam situasi di mana kamu perlu memformat string untuk tampilan tertentu, seperti memisahkan nomor telepon atau kode pos.

• Pembuatan text animation: dalam pengembangan web, kamu mungkin ingin membuat animasi di mana teks muncul atau hilang satu karakter pada satu waktu. Dengan substring, kamu dapat lebih mudah mengambil bagian dari string berdasarkan panjang yang diinginkan.

  
  

Penutup

Metode substring di JavaScript memungkinkan kita untuk memotong dan mengambil bagian tertentu dari string dengan mudah dan akurat. Melalui penjelasan di atas, kita telah memahami syntax, parameter, serta berbagai cara penggunaannya dalam berbagai skenario pemrograman.