Ekspresi Regular dalam JavaScript

Ekspresi Regular

Definisi:

Adalah Objek yang menggambarkan sebuah pola dari karakter-karakter.

Digunakan untuk mencari String berdasarkan pola tertentu.

Caranya yaitu dengan membandingkan pola-pola tertentu dari ekspresi regular dengan String tujuan.

Membuat Ekspresi Regular

Untuk membuat ekspresi regular maka kamu harus menggunakan objek RegExp. Sekarang kita mempelajari RegExp dengan literal String.

Syntax:

var namaVariabel = /ekspresi_regular/

Keterangan:

  • namaVariabel adalah nama variabelmu.
  • ekspresi_regular adalah tempat kamu meletakkan ekspresi regular.

Jadi ekspresi regular dengan literal String diapit oleh tanda forward slash yaitu tanda /.

Metode test

Digunakan untuk memeriksa apakah pola dari ekspresi regular ada dalam string sumber.

Contoh:

Buatlah satu file bernama private.html dengan isi seperti berikut ini:

<html>

<head>

<script language=’javascript’>

var kata=/private/

var sesuai=kata.test(“Kursus private a2fahmi.com”);

if(sesuai){

alert(“Kata yang dicari sesuai”);

}else{

alert(“Kata yang dicari tidak sesuai”);

}

</script>

</head>

</html>

Keterangan:

  • /private/, ekspresi regular ini sesuai dengan setiap string yang berisi  tulisan ‘private’.
  • kata.test(“Kursus private a2fahmi.com”), kode ini berarti bahwa metode test() memeriksa apakah ekspresi regular dalam variabel kata itu terdapat dalam tulisan “Kursus private a2fahmi.com”, dengan kata lain metode test() memeriksa apakah kata private terdapat dalam tulisan “Kursus private a2fahmi.com”.
  • if(sesuai), kode ini berarti jika hasil dari metode test() itu TRUE.

Metode Match

Digunakan untuk memeriksa apakah pola dari ekspresi regular ada dalam string sumber lalu mengambil string yang sesuai.

Syntax:

String_tujuan.match(ekspresi_regular)

Contoh:

<html>

<head>

<script language=’javascript’>

var kata=/private/
var tulisan=”Kursus private a2fahmi.com”
var hasil=tulisan.match(kata);

for(var i =0; i < hasil.length; i++)
{

document.write(hasil[i])+”<br />”

}

</script>

</html>

Keterangan:

  • tulisan.match(kata), kode ini berarti kita mencari string dari variabel tulisan yang sesuai dengan ekspresi regular yang terdapat pada variabel kata  yang akan menghasilkan string yang sesuai.

Flag

  • i, flag  ini berarti abaikan besar kecil huruf.
  • g, flag ini berarti pencarian semua pola yang sesuai, jadi tidak hanya yang pertama saja
  • m, flag ini berarti pencarian pola meliputi banyak baris.

Contoh Flag i:

Buatlah satu file HTML bernama flag_i.html dengan isi seperti dibawah ini:

<html><head>

<script language=’javascript’>

var kata=/private/i
var tulisan=“Kursus PRIVATE a2fahmi.com”

var hasil=tulisan.match(kata);

for(var i =0; i < hasil.length; i++)
{

document.write(hasil[i])+”<br />”

}

</script>

</head>

</html>

Keterangan:

  • /private/i, kode ini berarti kita akan mencari string yang didalamnya berisi kata ‘private’ tapi dengan mengabaikan besar dan kecil huruf.
  • tulisan.match(kata), kode ini berarti kita mencari string dalam variabel tulisan yang sesuai dengan isi dari variabel kata lalu memberikan string yang sesuai ke metode match.
  • document.write(hasil[i]), kode ini digunakan untuk menampilkan string yang sesuai.

Hasil:

Jalankan file flag_i.html dengan browsermu maka akan menghasilkan tulisan ‘PRIVATE‘.

Contoh Flag g:

Buatlah satu file HTML bernama flag_g.html dengan isi seperti dibawah ini:

<html>

<head>

<script language=’javascript’>

var kata=/private/g
var tulisan=”Kursus private a2fahmi.com, menyediakan kursus web developer private”

var hasil=tulisan.match(kata);

for(var i =0; i < hasil.length; i++)
{
document.write(hasil[i])
}

</script>

</head>

</html>

Keterangan:

  • /private/g, Kode ini berarti kita mencari semua string yang sesuai, jadi tidak hanya yang pertama saja
  • tulisan.match(kata), kode ini berarti kita mencari string dalam variabel tulisan yang sesuai dengan isi dari variabel kata lalu memberikan string yang sesuai ke metode match.

Hasil:

Jalankan file flag_g.html dengan browsermu maka akan menghasilkan tulisan ‘privateprivate‘.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *