Cek Apakah Teks Ada di String? Gunakan Includes!
Ketika bekerja dengan teks di JavaScript, ada kalanya kamu ingin tahu apakah sebuah string mengandung teks tertentu. Misalnya, saat kamu memvalidasi input, mencari kata dalam kalimat, atau memastikan suatu teks mengandung kata kunci tertentu. Nah, JavaScript menyediakan metode includes()
untuk mempermudah pekerjaan ini.
Di artikel ini, kita akan bahas bagaimana includes()
bekerja, kapan harus digunakan, dan bagaimana memaksimalkannya di kode kamu. Yuk, langsung kita bahas!
Apa Itu includes()
?
includes()
adalah metode bawaan JavaScript yang digunakan untuk memeriksa apakah sebuah string mengandung teks tertentu. Jika teks ditemukan, maka hasilnya true
. Jika tidak ditemukan, maka hasilnya false
.
Sintaks
string.includes(teks, posisi);
teks
: Teks yang ingin dicari dalam string.posisi
(opsional): Posisi awal pencarian dalam string. Default-nya adalah 0 (awal string).
Cara Kerja includes()
1. Cek Apakah String Mengandung Kata Tertentu
Misalnya, kamu ingin tahu apakah kalimat mengandung kata "JavaScript".
let teks = "Belajar JavaScript itu seru!";
console.log(teks.includes("JavaScript"));
// Output: true
2. Mengatur Posisi Pencarian
Kamu bisa memulai pencarian dari posisi tertentu dengan parameter kedua.
let teks = "Belajar JavaScript itu seru!";
console.log(teks.includes("JavaScript", 10));
// Output: false
Pada contoh di atas, pencarian dimulai dari indeks 10. Karena "JavaScript" ada sebelum indeks 10, hasilnya adalah false
.
3. Kasus Sensitif
Metode includes()
bersifat case-sensitive, artinya huruf besar dan kecil dianggap berbeda.
let teks = "Belajar JavaScript itu seru!";
console.log(teks.includes("javascript"));
// Output: false
Studi Kasus: Kapan Harus Gunakan includes()
?
1. Validasi Input User
Misalnya, kamu ingin memastikan bahwa input dari user mengandung kata tertentu.
let input = "Saya suka belajar JavaScript";
if (input.includes("JavaScript")) {
console.log("Input valid!");
} else {
console.log("Input harus mengandung kata 'JavaScript'.");
}
// Output: Input valid!
2. Mencari Kata Kunci dalam Kalimat
Saat membuat fitur pencarian sederhana, includes()
bisa digunakan untuk memeriksa apakah teks mengandung kata kunci tertentu.
let artikel = "JavaScript adalah bahasa pemrograman yang populer.";
let kataKunci = "bahasa";
if (artikel.includes(kataKunci)) {
console.log("Kata kunci ditemukan!");
} else {
console.log("Kata kunci tidak ditemukan.");
}
// Output: Kata kunci ditemukan!
3. Validasi Email
Kamu juga bisa memanfaatkan includes()
untuk memvalidasi email dengan memeriksa keberadaan simbol @
.
let email = "[email protected]";
if (email.includes("@")) {
console.log("Email valid.");
} else {
console.log("Email tidak valid.");
}
// Output: Email valid.
Perbedaan includes()
dengan Metode Lain
Selain includes()
, ada metode lain seperti indexOf()
untuk memeriksa keberadaan teks. Namun, includes()
lebih intuitif karena langsung mengembalikan nilai true
atau false
, sedangkan indexOf()
mengembalikan indeks atau -1
jika teks tidak ditemukan.
Contoh dengan indexOf()
:
let teks = "Belajar JavaScript itu seru!";
console.log(teks.indexOf("JavaScript") !== -1);
// Output: true
Tips dan Trik Menggunakan includes()
Pastikan Case-Sensitive Kalau kamu ingin pencarian tidak sensitif terhadap huruf besar atau kecil, ubah string ke huruf kecil dulu dengan toLowerCase()
.Contoh:
let teks = "Saya Suka JavaScript";
console.log(teks.toLowerCase().includes("javascript"));
// Output: true
Menggunakan dengan Loop Jika kamu punya banyak string untuk diperiksa, kamu bisa menggabungkan includes()
dengan loop.Contoh:
let daftarKata = ["JavaScript", "Python", "Ruby"];
let teks = "Saya suka belajar JavaScript dan Python.";
daftarKata.forEach(kata => {
if (teks.includes(kata)) {
console.log(`Teks mengandung kata: ${kata}`);
}
});
// Output:
// Teks mengandung kata: JavaScript
// Teks mengandung kata: Python
Gabungkan dengan Kondisi includes()
sangat berguna untuk membuat logika sederhana dengan kondisi if
.Contoh:
let teks = "Belajar coding itu menyenangkan!";
if (teks.includes("coding")) {
console.log("Teks mengandung 'coding'.");
}
Kesalahan Umum saat Menggunakan includes()
Parameter Posisi yang Tidak Sesuai Kalau kamu memberikan parameter posisi yang salah, pencarian bisa gagal.Contoh:
let teks = "Belajar JavaScript";
console.log(teks.includes("JavaScript", 10));
// Output: false
Lupa dengan Case-Sensitive Karena includes()
peka terhadap huruf besar dan kecil, hasil pencarian bisa salah jika kamu tidak menyesuaikan kasusnya.Contoh Salah:
let teks = "JavaScript";
console.log(teks.includes("javascript"));
// Output: false
Solusi:
console.log(teks.toLowerCase().includes("javascript"));
// Output: true
Kesimpulan
Metode includes()
di JavaScript adalah alat sederhana tapi sangat powerful untuk memeriksa apakah sebuah string mengandung teks tertentu. Dengan sifatnya yang intuitif dan fleksibel, kamu bisa menggunakannya untuk berbagai kebutuhan, mulai dari validasi input, pencarian kata kunci, hingga memastikan data yang konsisten.