Fungsi : String.slice()
Sama sama diketahui arti slice adalah mengiris. Begitu juga guna fungsi ini adalah untuk mengiris dan memotong sebuah string menjadi string baru. Format penulisan fungsi ini adalah : var.slice(posisiawal, posisi akhir). Perhitungan 0 dimulai dari karakter pertama. Sementra untuk nilai negatif perhitungan string dimulai dari kanan ke kiri.
Contohnya, misalkan ada variabel e =" kamu cantik". Ingin memotong menjadi "antik". Bisa digunakan fungsi slice ini dengan penulisan.
<script> var e=" kamu cantik"; var hasil = e.slice(6,11); </script>
Perhatikan 6,11. Kata antik yang akan dipotong dimulai dari huruf ke 6 hingga huruf ke 11. Penulisan dalam bentuk lain bisa saja menjadi,
<script> var =" kamu cantik"; var hasil e.slice(6,-1) ;</script>
Angka -1 merujuk pada hasil akhir dimana 1 karakter dari kanan. Agar tidak embingungkan lebih baik gunakan dua bilangan positif saja.
Fungsi : String.split() pada Javascript
Fungsi ini digunakan untuk memisahkan string menjadi array. Dalam tanda kurung dibutuhka 2 pernyataan berupa (karakter pembatas string, berapa array yang ingin ditampilkan). Format penulisan : var.split(pembatas,jumlah array).
Sebagai contoh untuk anda. misalkan pada kalimat tahu, telor, tempe,terong, toge. Jika digunakan fungsi split.
<script> var klimat= " tahu, telor, tempe, terong,toge"; var hasil1=klimat.split(","); var hasil2=klimat.split(";",3) </script>
Jika ditampilka pada html, maka hasil1 akan tampil "tahu", "telor","tempe", "terong", "toge". Bagian jumlaha array tidak ditulis, akan menampilakn semua variabel awal. Sementara pada variabel hasil2 ditampilkan akan muncul tampilan "tahu";"telor";"tempe";. jumlah array 3, maka akan tampil tiga buah hasil.
Fungsi : string.substr() pada Javascript
Kegunaan fungsi string.substr() pada javascript adalah untuk mencomot bagian dari string awal. Format pnulisan fungsi ini : var.substr(posisi awal pengambilan, posisi akhir pengambilan). Fungsi ini hampir sama dengan fungsi pemotongan fungsi slice. Di sarankan menggunakan salah satu saja.
Fungsi : String.toLowerCase() dan String.toLocaleLowerCase pada Javascript
Fungsi ini digunakan untuk mngubah string menjadi huruf kecil semua. Sementara unuk fungsi toLocaleLowerCase, perubahan akan disesuaikan dengan aturan lokal default browser. Misalnya menulis variabel kAmOe aLAy BanGeT. Dengan mnggunakan fungsi ini maka bisa ditampilkan menjadi " kamoe alay banget".
Fungsi : String.toUpperCase() dan String.toLocaleUpperCase pada Javascript
Kegunaan fungsi ini adalah kebalikan dari fungsi sebelumnya. Huruf akan diubah seluruhnya menjadi huruf kapital. Fungsi toUpperCase dan toLowerCase memiliki format penulisan yang sama yaitu: var.toUpperCase() atau var.toLoweerCase. Tanda dalam kurung boleh tidak di isi.
Misal penggunaan fungsi ini,
<script> var alay ="dAsAr kAu kuCinG gArOnG"; var hasil1=alay.toUpperCase(); var hasil2= alay.toLowerCase(); </script>
Akan dperoleh hasil1 "DASAR KAU KUCING GARONG". Sementara untuk hasil2 "dasar kau kucing garong" Kedua fungsi ini digunakan untuk membunuh budaya alay.
Fungsi String.trim() pada Javascript
Kegunaan fungsi ini adalah untuk merapikan string. Fungsi ini akan bekerja untuk memastikan menghapus spasi di awal dan diakhir kalimat. Format penulisannya adalah : var.trim().
Contohnya sebuah variabel " Kalimat ini punya spasi ". Pengunaan fungsi ini bisa merapihkan hasil menjadi "Kalimat ini punya spasi". Untuk demo masingmasing fungsi bisa digunakan kode dasar di bawah ini.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Macam Fungsi untuk data String pada Javascript</title>
<script>
window.onload = function fungsi_hitung(){
var a = "sAyA laGi beLajaR jaVascriPt tenTAng sTriNG";
document.getElementById("angkaa").innerHTML=" Asalnya = "+a+"";
document.getElementById("angkab").innerHTML="Hasil 2 = "+a.charAt(2)+"";
document.getElementById("angkac").innerHTML="Hasil 3 = "+a.indexOf("ada", 3)+"";
document.getElementById("angkad").innerHTML="Hasil 4 = "+a.toUpperCase()+"";
document.getElementById("angkae").innerHTML="Hasil 5 = "+a.stringreplace("lagi","akan")+"";
}
</script>
</head>
<body>
<h1>Macam Fungsi untuk data String pada Javascript</h1>
<h2> Ubah Fungsi Sesuka Kamu </h2> <br/>
<div id="angkaa"></div> <div id="angkab"></div> <div id="angkac"></div>
<div id="angkad"></div><br/> <div id="angkae">
</body>
</html>
Perhatikan pada bagian yang berwarna biru dalam script. Bagian tersebut bisa diubah sesuai dengan kalimat yang anda inginkan. Sementara itu, ubahlah bagian yang berwarna merah dengan semua fungsi untuk data string yang telah dijelaskan, baik pada bagian I dan pada bagian II.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment