Lama rasanya saya saya suda tidak posting artikel lagi. Yah, mungkin karena kesibukan yang menuntut untuk meletakan badan ini sekedar menghilangkan penak kecapean.
Tapi, kali ini saya mau berbagi lagi kepada sobat semua. Masih topik kita kali ini adalah tentang JavaScript.
Kita akan belajar menggunakan RegExp pada Javascript, dan untuk anda yang belum mengerti apa itu RegExp anda dapat membaca artikel saya di Mengenal Dasar RegExp Pada Javascript.
Okeyy, langsung saja kita pada examplenya.
Contoh Menggunakan Modifiers :
Modifiers i
<script>
var str = 'Halo dunia, apa kabar hari ini?';
var patt1 = /ha/i;
document.write(str.match(patt1));
</script>
Teks yang berwarna menunjukan di mana exprsi mendapat matchvar str = 'Halo dunia, apa kabar hari ini?';
var patt1 = /ha/i;
document.write(str.match(patt1));
</script>
Output : Halo dunia, apa kabar hari ini?
Modifiers g
<script>
var str1 = 'Halo dunia, apa kabar hari ini?';
var patt2 = /ha/g;
document.write(str1.match(patt2));
</script>
Teks yang berwarna menunjukan di mana exprsi mendapat matchvar str1 = 'Halo dunia, apa kabar hari ini?';
var patt2 = /ha/g;
document.write(str1.match(patt2));
</script>
Output : Halo dunia, apa kabar hari ini?
Modifiers g da i
<script>
var str2 = 'Halo dunia, apa kabar hari ini?';
var patt3 = /ha/gi;
document.write(str2.match(patt3));
</script>
Teks yang berwarna menunjukan di mana exprsi mendapat matchvar str2 = 'Halo dunia, apa kabar hari ini?';
var patt3 = /ha/gi;
document.write(str2.match(patt3));
</script>
Output : Halo dunia, apa kabar hari ini?
Contoh penggunaan Kurung :
<script>
var str = 'Belajar JavaScript';
var patt = /[a-c]/g;
document.write(str.match(patt));
</script>
Teks yang berwarna menunjukan di mana exprsi mendapat matchvar str = 'Belajar JavaScript';
var patt = /[a-c]/g;
document.write(str.match(patt));
</script>
Output : Belajar JavaScript
Contoh Penggunaan RegExp Object Proprties
Global
<script>
var str = 'Ini adalah Regexp object properties global';
var patt1 = /a/g;
if(patt1.global)
{
document.write('g modifier is set');
}
else
{
document.write('g modifier not set');
}
</script>
var str = 'Ini adalah Regexp object properties global';
var patt1 = /a/g;
if(patt1.global)
{
document.write('g modifier is set');
}
else
{
document.write('g modifier not set');
}
</script>
Output : g modifier is set
Ingnorcase
<script>
var str = 'Ini adalah Regexp object properties ignorecase';
var patt1 = /a/i;
if(patt1.ignoreCase)
{
document.write('i modifier is set');
}
else
{
document.write('i modifier not set');
}
</script>
var str = 'Ini adalah Regexp object properties ignorecase';
var patt1 = /a/i;
if(patt1.ignoreCase)
{
document.write('i modifier is set');
}
else
{
document.write('i modifier not set');
}
</script>
Output : i modifier is set
Multiline
<script>
var str = 'Ini adalah Regexp object properties ignorecase';
var patt1 = /a/gi;
if(patt1.ignoreCase)
{
document.write('m modifier is set');
}
else
{
document.write('m modifier not set');
}
</script>
var str = 'Ini adalah Regexp object properties ignorecase';
var patt1 = /a/gi;
if(patt1.ignoreCase)
{
document.write('m modifier is set');
}
else
{
document.write('m modifier not set');
}
</script>
Output : m modifier not set
LastIndex
<script>
var str = 'JavaScript';
var patt1 = /a/g;
if(patt1.test(str)==true)
{
document.write('a ditemukan. Index skarang : '+patt1.lastIndex);
}
</script>
var str = 'JavaScript';
var patt1 = /a/g;
if(patt1.test(str)==true)
{
document.write('a ditemukan. Index skarang : '+patt1.lastIndex);
}
</script>
Contoh penggunaan methods Object Javascript
Compile()
<script>
var str = 'Man and woman';
var patt1 = /man/gi;
var str2 = str.replace(patt1,'Orang');
document.write(str2+'<br />');
patt2 = /(wo)?man/gi;
patt1.compile(patt2);
str3 = str.replace(patt1,'Orang');
document.write(str3);
</script>
var str = 'Man and woman';
var patt1 = /man/gi;
var str2 = str.replace(patt1,'Orang');
document.write(str2+'<br />');
patt2 = /(wo)?man/gi;
patt1.compile(patt2);
str3 = str.replace(patt1,'Orang');
document.write(str3);
</script>
Output : Orang and woOrang
Orang and Orang
Exec()
<script>
var str = 'Aku dan kamu';
var patt = /aku/i;
var result = patt.exec(str);
document.write('Return :'+result);
var patt1 = /dia/i;
var result = patt1.exec(str);
document.write('<br />Return : '+result);
</script>
var str = 'Aku dan kamu';
var patt = /aku/i;
var result = patt.exec(str);
document.write('Return :'+result);
var patt1 = /dia/i;
var result = patt1.exec(str);
document.write('<br />Return : '+result);
</script>
Test()
<script>
var str = 'Aku, dia dan kamu';
var patt = /dia/g;
var result = patt.test(str);
document.write('Return : '+result);
var patt1 = /aku/g;
var result = patt.test(str);
document.write('<br/>Return : '+result);
</script>
var str = 'Aku, dia dan kamu';
var patt = /dia/g;
var result = patt.test(str);
document.write('Return : '+result);
var patt1 = /aku/g;
var result = patt.test(str);
document.write('<br/>Return : '+result);
</script>
Itulah sdikit contoh untuk anda, jika ada ksalahan mohon untuk dikoreksi sehingga tidak menjadikan suatu hal yang tidak diinginakan. Jika artikel ini merasa bermanfa'at mohon kesediannya untuk membagikan ke teman sobat.
Thank's ^_^
Tidak ada komentar :
Posting Komentar