String di JavaScript Mulai dari Start With dan End With, Simpel Banget!

String di JavaScript Mulai dari Start With dan End With, Simpel Banget!
Photo by Mitchell Luo / Unsplash

Mengelola string adalah salah satu tugas yang sering banget dilakukan dalam pemrograman. Kadang, kamu ingin tahu apakah sebuah string dimulai dengan kata tertentu atau diakhiri dengan kata tertentu. Contohnya, saat memeriksa format URL, ekstensi file, atau validasi input user. Nah, di JavaScript, kamu bisa memanfaatkan metode startsWith() dan endsWith() untuk menyelesaikan masalah ini dengan simpel banget!

Di artikel ini, kita akan membahas cara kerja startsWith() dan endsWith(), lengkap dengan contoh dan penerapannya. Yuk, kita bahas bareng!

Apa Itu startsWith() dan endsWith()?

startsWith()

Metode startsWith() digunakan untuk memeriksa apakah sebuah string dimulai dengan teks tertentu. Hasilnya adalah true jika string memang dimulai dengan teks tersebut, atau false jika tidak.

Sintaks:

string.startsWith(teks, posisiAwal);
  • teks: Teks yang ingin diperiksa.
  • posisiAwal (opsional): Posisi awal untuk memulai pengecekan. Default-nya adalah 0 (dari awal string).

endsWith()

Metode endsWith() digunakan untuk memeriksa apakah sebuah string diakhiri dengan teks tertentu. Sama seperti startsWith(), hasilnya adalah true atau false.

Sintaks:

string.endsWith(teks, panjangString);
  • teks: Teks yang ingin diperiksa.
  • panjangString (opsional): Panjang string yang akan diperiksa. Default-nya adalah panjang seluruh string.

Contoh Penggunaan startsWith() dan endsWith()

1. Memeriksa Awalan String dengan startsWith()

Misalnya, kamu ingin tahu apakah sebuah kalimat dimulai dengan kata "Halo".

let teks = "Halo Dunia JavaScript!";
console.log(teks.startsWith("Halo")); 
// Output: true

2. Memeriksa Akhiran String dengan endsWith()

Kamu bisa memeriksa apakah string diakhiri dengan kata tertentu, seperti "JavaScript!".

let teks = "Halo Dunia JavaScript!";
console.log(teks.endsWith("JavaScript!")); 
// Output: true

3. Menggunakan Parameter Opsional

Baik startsWith() maupun endsWith() mendukung parameter tambahan untuk mempersempit pengecekan.

Memulai Pengecekan dari Posisi Tertentu

let teks = "Belajar JavaScript itu seru!";
console.log(teks.startsWith("JavaScript", 8)); 
// Output: true

Membatasi Panjang String yang Diperiksa

let teks = "Belajar JavaScript itu seru!";
console.log(teks.endsWith("JavaScript", 18)); 
// Output: true

Studi Kasus: Kapan Harus Gunakan?

1. Validasi Format URL

Kamu bisa memeriksa apakah sebuah URL dimulai dengan "https://" untuk memastikan keamanan.

let url = "https://idcsharp.com";
if (url.startsWith("https://")) {
  console.log("URL aman!");
} else {
  console.log("URL tidak aman.");
}
// Output: URL aman!

2. Memeriksa Ekstensi File

Kalau kamu ingin tahu apakah file yang diunggah punya ekstensi tertentu, gunakan endsWith().

let file = "photo.jpg";
if (file.endsWith(".jpg")) {
  console.log("File adalah gambar.");
} else {
  console.log("Format file tidak didukung.");
}
// Output: File adalah gambar.

3. Pencarian Berdasarkan Awalan

Misalnya, kamu membuat fitur autocomplete yang mencari kata-kata yang dimulai dengan huruf tertentu.

let daftarKata = ["JavaScript", "Java", "Python", "Ruby"];
let hasil = daftarKata.filter(kata => kata.startsWith("Ja"));
console.log(hasil); 
// Output: ["JavaScript", "Java"]

Tips dan Trik Menggunakan startsWith() dan endsWith()

  1. Memeriksa Sebagian String
    Dengan parameter opsional, kamu bisa memeriksa sebagian string saja, bukan seluruhnya. Ini berguna untuk kasus-kasus tertentu seperti validasi substring.

Gunakan dengan Loop atau Filter
Untuk memeriksa banyak string sekaligus, gunakan metode ini bersama dengan loop atau fungsi array seperti filter().Contoh:

let daftarFile = ["dokumen.pdf", "gambar.jpg", "video.mp4"];
let gambar = daftarFile.filter(file => file.endsWith(".jpg"));
console.log(gambar); 
// Output: ["gambar.jpg"]

Case-Sensitive
Ingat, kedua metode ini peka terhadap huruf besar dan kecil (case-sensitive). Jadi, huruf "H" dan "h" akan dianggap berbeda.Contoh:

let teks = "Halo Dunia";
console.log(teks.startsWith("halo")); // Output: false

Solusi:

console.log(teks.toLowerCase().startsWith("halo")); // Output: true

Perbedaan startsWith() dan endsWith() dengan Metode Lain

Metode seperti indexOf() juga bisa digunakan untuk memeriksa string, tapi lebih rumit dan kurang intuitif dibandingkan startsWith() dan endsWith().

Contoh dengan indexOf():

let teks = "Halo Dunia JavaScript!";
console.log(teks.indexOf("Halo") === 0); 
// Output: true

Perbandingan:

Fitur startsWith()/endsWith() indexOf()
Kegunaan Mengecek awal/akhir string Pencarian teks
Hasil true atau false Indeks atau -1
Kemudahan Simpel dan mudah dibaca Lebih kompleks

Kesimpulan

Metode startsWith() dan endsWith() di JavaScript adalah alat yang simpel tapi sangat berguna untuk memeriksa apakah sebuah string dimulai atau diakhiri dengan teks tertentu. Dengan sifatnya yang intuitif dan fleksibel, kedua metode ini sangat cocok untuk berbagai kebutuhan, mulai dari validasi input hingga pengolahan data.