Dasar Dasar JavaScript WAJIB!! Bagi Pemula #3 Objek String

3. Objek String

A. Memformat teks dengan Javascript 

Untuk membantu melakukan formatting terhadap teks secara programming, javascript menyediakan beberapa metode formatting menggunakan javascript.

Contoh 1:

<script>
var teks = "Desrizal"
panjang = teks.length;
alert(panjang);
</script>

Hasilnya:

Contoh 2:

<script>
var message="Welcome to our site!"
document.write(message)
</script>

Output:
WELCOME TO OUR SITE!

<script>
var message="Welcome to our site!"
document.write(message.toUpperCase())
</script>

Output:
WELCOME TO OUR SITE!

Contoh 3:

<script>
var message="Welcome to our site!"
document.write(message.toUpperCase().bold())
</script>

Output:
WELCOME TO OUR SITE!

Contoh 4:

<script>
var message="Welcome to our site!"
var format=message.toUpperCase()
var size=1
for (i=0;i<message.length;i++){
 document.write(format.charAt(i).fontsize(size).bold())
 if (size<7){
 size++
 }else{
 size=1
 }
}
</script>

Output:

B. Penanganan Objek String

Setelah kita mempelajari metode string yang berkaitan dengan format teks. Sekarang kita lanjut
metode objek string lainnya ayng bertugas menangani dan memanipulasi objek string dan
contoh-contohnya.

Contoh-contoh:

1. Validasi email, pada contoh berikut kita akan mengecek apakah email berikut valid atau
tidak. Cara mengeceknya adalah apakah string yang diinput mengandung karakter @ atau titik
(.)

<form
name="test"onSubmit="checkemail(this.test2.value);
return false">
<input type="text" size=20 name="test2"> <input type="submit" value="Submit">
</form>

<script type="text/javascript">
function checkemail(email){
 if (email.indexOf("@")!=-1 && email.indexOf(".")!=-1)
 alert("bagus!")
 else
 alert("Bukan email")
}
</script>

2. Menghitung kata, Pada contoh berikut kita akan menghitung kata, caranya adalah
mengambil isi suatu textarea, lalu memotong-motong isinya dengan metode split.

<form name="wordcount">
<textarea rows="12" name="wordcount2" cols="38"
wrap="virtual"></textarea><br>
<input type="button" value="Hitung kata" onClick="hitung()"> <input
type="text" name="wordcount3" size="20">
</form>

<script type="text/javascript">
function hitung(){
 var formcontent=document.wordcount.wordcount2.value
 isi=formcontent.split(" ")
 document.wordcount.wordcount3.value=isi.length
}
</script>

C. Parse String ke Integer dan Float

parseInt, untuk mengubah string menjadi Integer
parseFloat, untuk mengubah string menjadi Float

<script type="text/javascript">
document.write(parseInt("10") + "<br />")
document.write(parseInt("10.00") + "<br />")
document.write(parseInt("10.33") + "<br />")
document.write(parseInt("34 45 66") + "<br />")
document.write(parseInt(" 60 ") + "<br />")
document.write(parseInt("40 years") + "<br />")
document.write(parseInt("He was 40") + "<br />")

document.write("<br />")

document.write(parseInt("10")+ "<br />")
document.write(parseInt("10",10)+ "<br />")

document.write(parseInt("010")+ "<br />")
document.write(parseInt("10",8)+ "<br />")

document.write(parseInt("0x10")+ "<br />")
document.write(parseInt("10",16)+ "<br />")
</script>

Dasar Dasar JavaScript WAJIB!! Bagi Pemula #3 Objek String 2020-01-15T20:37:00-08:00 Rating: 4.5 Diposkan Oleh: M Azifal Firdaus