Bila pada panduan sebelumnya kita telah mengetahui cara pendefenisian dan penggunaan tipe data String di dalam JavaScript, di panduan kali ini kita akan Mengenal Property dan Method (fungsi) Objek String JavaScript. Property dan Guna bagi tipe data String ini akan benar-benar menolong pada penulisan program.
Pengertian Propery dan Method (guna) dari Objek String
Walaupun tipe data string bukan di defenisikan menjadi objek, namun JavaScript ‘memperlakukan’ tipe basic String ini selaku Objek String, sehingga mempunyai property dan method yang dapat di gunakan.
Property dan method dari objek String semuanya mengembalikan nilai baru, dan tak dapat mengubah nilai pada variabel asal. Variabel asal String tetap bernilai seperti semula. Pada pemograman sifat ini disebut dengan immutable variable.
Berikut ialah Property dan Method yang dimiliki objek String di pada JavaScript. Kita akan membahasnya satu per satu. Property dan Method ini diurutkan secara abjad:
Property Objek String JavaScript:
- string.length
Method Objek String JavaScript:
- string.charAt()
- string.charCodeAt()
- string.concat()
- string.indexOf()
- string.lastIndexOf()
- string.localeCompare()
- string.match()
- string.replace()
- string.search()
- string.slice()
- string.split()
- string.substr()
- string.substring()
- string.toLowerCase()
- string.toString()
- string.toUpperCase()
- string.trim()
- string.valueOf()
Property Objek String: String.length
String.length adalah sebuah property satu-satunya bagi objek String. Property ini akan mengembalikan nilai panjang karakter dari sebuah String. Berikut contoh penggunaannya:
|
1 |
<script><br/>var situs = duniailkom;<br/>console.log(situs.length); // 10<br/>var belajar = belajar javascript;<br/>console.log(belajar.length); // 18<br/></script> |
Method Objek String: String.charAt()
Method String.charAt() berfungsi bagi mengambil sebuah karakter dari String. Method ini membutuhkan 1 buah argumen angka yang diisi dengan posisi karakter yang akan diambil, dimulai dari urutan 0 bagi karakter pertama-tama, urutan 1 bagi karakter kedua, dan seterusnya. Berikut contoh penggunaannya:
|
1 |
<script><br/>var situs = duniailkom;<br/>console.log(situs.charAt(0)); // d<br/>console.log(situs.charAt(5)); // i<br/>console.log(situs.charAt(7)); // k<br/>console.log(situs.charAt(11)); // string kosong<br/></script> |
Cara ini mirip dengan pengaksesan karakter String selaku array, seperti yang pernah kita bahas di panduan: Mengenal Tipe Data String dan Operator String JavaScript.
Method Objek String: String.charCodeAt()
Method String.charCodeAt() berfungsi bagi mengambil nilai Unicode karakter dari String. Method ini membutuhkan 1 buah argumen angka yang diisi dengan posisi karakter yang akan diambil, dimulai dari urutan 0 bagi karakter pertama-tama, urutan 1 bagi karakter kedua, dan seterusnya. Berikut contoh penggunaannya:
|
1 |
<script><br/>var situs = duniailkom;<br/>console.log(situs.charCodeAt(0)); // 100<br/>console.log(situs.charCodeAt(5)); // 105<br/>console.log(situs.charCodeAt(7)); // 107<br/>console.log(situs.charCodeAt(11)); // NaN<br/></script> |
Method Objek String: String.concat()
Method String.concat() berfungsi bagi operasi penyambungan String. Method ini membutuhkan 1 atau lebih argumen bertipe String bagi disambung. Berikut contoh penggunaannya:
|
1 |
<script><br/>var situs = duniailkom;<br/><br/>console.log(situs.concat( oke)); <br/>// duniailkom oke<br/><br/>console.log(situs.concat( situs, belajar, javaScript));<br/>// duniailkom situs belajar javaScript<br/></script> |
Operasi penyambungan String biasanya akan lebih gampang jikalau menggunakan operator “+”.
Method Objek String: String.indexOf()
Method String.indexOf() berfungsi bagi mencari karakter atau kata pada sebuah String. Method ini membutuhkan 2 argumen: 1 argumen bertipe String yang diisi dengan karakter yang akan dicari, serta 1 buah argumen opsional yang berfungsi bagi menandai posisi awal pencarian. Bila argumen kedua tak diisi, karenanya pencarian akan dimulai dari awal String.
Hasil kembalian method String.indexOf() ialah posisi dari karakter yang ditemukan, dimulai dari 0 bagi posisi karakter pertama-tama. Method ini akan mengembalikan nilai -1 jikalau karakter tak ditemukan.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var situs = duniailkom;<br/>console.log(situs.indexOf(k)); // 7<br/>console.log(situs.indexOf(i)); // 3<br/>console.log(situs.indexOf(i,4)); <br/>// 5 (pencarian dimulai dari karakter ke-5)<br/> <br/>var belajar = Saya sedang belajar javaScript di Source Code Program.com;<br/>console.log(belajar.indexOf(sedang)); // 4<br/><br/>// (pencarian dimulai dari karakter ke-18)<br/>console.log(belajar.indexOf(ja,17)); // 20 <br/><br/>console.log(belajar.indexOf(php)); // -1 (tak ditemukan)<br/></script> |
Method Objek String: String.localeCompare()
Method String.localeCompare() berfungsi bagi membandingkan 2 buah string. Method ini membutuhkan 1 buah argumen bertipe string yang berisi string yang akan dibandingi. Bila String asal ‘kurang dari’ string argumen, method ini akan mengembalikan nilai <0, Bila String asal ‘lebih dari’ string argumen, method ini akan mengembalikan nilai >0, dan akan mengembalikan 0 jikalau string tersebut sama.
Berikut contoh penggunaannya:
|
1 2 |
<script><br/>var c = c;<br/>console.log(c.localeCompare(c)); // 0<br/>console.log(c.localeCompare(a)); // 1<br/>console.log(c.localeCompare(d)); // -1<br/> <br/>var kota = Jakarta;<br/>console.log(kot a.localeCompare(jakarta)); // 1 (case sensitif)<br/>console.log(kota.localeCompare(padang)); // -1<br/>console.log(kota.localeCompare(bandung)); // 1<br/></script> |
Method Objek String: String.match()
Method String.match() berfungsi bagi menemukan string menggunakan regular expression. Method ini membutuhkan 1 buah argumen yang berisi format regular expression yang akan dicari. Hasil ahir method ini ialah array yang berisi data seluruh string yang ditemukan.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = 1 tambah 2 sama dengan 3;<br/>var hasil = kalimat.match(/d+/g); // cari segala angka<br/>console.log(hasil); // hasil: [1, 2, 3]<br/></script> |
Method Objek String: String.replace()
Method String.replace() berfungsi bagi pencarian string menggunakan regular expression, dan mengganti kata yang dicari. Method ini adalah sebuah guna find and replace di pada JavaScript. Method String.replace() membutuhkan 2 buah argumen: argumen pertama-tama ialah format regular expression yang akan dicari, dan argumen kedua ialah String (atau dapat pun berupa guna) yang akan menggantikan text hasil pencarian. Hasil ahir method ini ialah sebuah String ahir yang telah diubah.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = Saya sedang belajar PHP di Panduan PHP duniailkom.com;<br/><br/>// cari segala kata PHP, ganti menjadi JavaScript;<br/>var hasil = kalimat.replace(/PHP/g,JavaScript); <br/><br/>// hasil: Saya sedang belajar JavaScript di Panduan <br/>// JavaScript duniailkom.com<br/>console.log(hasil); <br/></script> |
Method Objek String: String.search()
Method String. search() berfungsi bagi menemukan string menggunakan regular expression. Method ini membutuhkan 1 buah argumen yang berisi format regular expression yang akan dicari. Hasil ahir method ini ialah angka yang menunjukkan posisi kata yang dicari (huruf pertama-tama dimulai dari index 0). Method ini mirip dengan String.indexOf(), namun perbedaan terletak di argumen yang adalah sebuah regular expression.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = Saya sedang belajar JavaScript di Panduan JavaScript duniailkom.com ;<br/>var hasil = kalimat.search(/JavaScript/g); // cari kata JavaScript<br/>console.log(hasil); // 20 (JavaScript berada di karakter ke-21)<br/></script> |
Method Objek String: String.slice()
Method String.slice() berfungsi bagi ‘memotong’ string menjadi string baru. Method ini membutuhkan 2 buah argumen angka yang berisi posisi awal dan posisi ahir string yang akan ‘dipotong’. Posisi ini dimulai dari 0 bagi karakter pertama-tama. Bila argumen bernilai negatif, karenanya hal itu berarti perhitungan dimulai dari ahir string.
Hasil ahir method ini ialah String baru hasil pemotongan. Method String.slice() tak akan mengubah string asal, namun mengembalikan string baru.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = Belajar JavaScript;<br/> <br/>// potong dari index ke 3 hingga dengan ke 7.<br/>var hasil = kalimat.slice(3,7)<br/>console.log(hasil); // didik<br/> <br/>// potong dari index ke 9 dari awal hingga dengan index ke 6 dari ahir.<br/>var hasil2 = kalimat.slice(8,-6)<br/>console.log(hasil2); // Java<br/></script> |
Method Objek String: String.split()
Method String.split() berfungsi bagi memisahkan string menjadi array. Method ini membutuhkan 2 buah argumen: argumen pertama-tama berupa karakter ‘pembatas’ bagi memisahkan string, dan argumen kedua bersifat opsional yang berisi seberapa banyak array yang akan diraih. Bila argumen kedua tak ditulis, karenanya seluruh hasil akan dikembalikan berapapun jumlahnya.
Hasil ahir method ini ialah sebuah array yang terdiri dari kata-kata yang terpisahkan dari String asal.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = Satu,Dua,Tiga,Empat,Lima;<br/>// pisahkan String kalimat menjadi array dengan pemisah tanda koma<br/>var hasil = kalimat.split(,)<br/>console.log(hasil); // [Satu, Dua, Tiga, Empat, Lima]<br/> <br/>var kalimat2 = Satu;Dua;Tiga;Empat;Lima;<br/>// pisahkan String kalimat menjadi array dengan pemisah tanda ;<br/>// batasi array hanya 3 isian<br/>var hasil2 = kalimat2.split(;,3)<br/>console.log(hasil2); // [Satu, Dua, Tiga]<br/></script> |
Method Objek String: String.substr()
Method String.substr() berfungsi bagi ‘mengambil’ bagian string asal bagi menjadi string baru. Method ini membutuhkan 2 buah argumen: argumen pertama-tama berupa angka yang berisi posisi awal dari string yang akan ‘diambil’, dan argumen kedua berisi berapa karakter yang akan diambil. Posisi string asal dimulai dengan angka 0 bagi karakter pertama-tama. Bila argumen pertama-tama bernilai negatif, berarti perhitungan dimulai dari ahir string.
Hasil ahir method ini ialah String baru hasil pengambilan. Method String. substr() tak akan mengubah string asal, namun mengembalikan string baru.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = Belajar JavaScript;<br/><br/>// ambil mulai dari index ke 3, sebanyak 9 karakter.<br/>var hasil = kalimat.substr(3,9)<br/>console.log(hasil); // didik Java<br/> <br/>// ambil mulai dari index ke 6 dari ahir string<br/>var hasil2 = kalimat.substr(-6)<br/>console.log(hasil2); // Script<br/></script> |
Method Objek String: String.substring()
Method String. substring() berfungsi bagi mengambil string menjadi potongan string baru. Method ini membutuhkan 2 buah argumen angka yang berisi posisi awal dan ahir string yang akan diambil. Posi
si ini dimulai dari 0 bagi karakter pertama-tama. Berbeda dengan method String.slice(), argumen kedua dari method ini tak dapat diisi dengan nilai negatif.
Hasil ahir method ini ialah String baru hasil pemotongan. Method String.slice() tak akan mengubah string asal, namun mengembalikan string baru.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = Belajar JavaScript;<br/> <br/>// potong dari index ke 3 hingga dengan ke 7.<br/>var hasil = kalimat.substring(3,7)<br/>console.log(hasil); // didik<br/> <br/>// potong dari index ke 8 dari awal hingga dengan ahir String.<br/>var hasil2 = kalimat.substring(8)<br/>console.log(hasil2); // JavaScript<br/></script> |
Method Objek String: String.toLowerCase() dan String.toLocaleLowerCase()
Method String.toLowerCase() dan String.toLocaleLowerCase() berfungsi bagi mengubah String asal menjadi huruf kecil. Perbedaan antara toLowerCase() dengan toLocaleLowerCase(), bahwa di method toLocaleLowerCase() JavaScript menkonversinya dengan aturan lokal browser. Namun di pemakaian normal dengan bahasa Indonesia atau bahasa Inggris, kedua guna ini akan mengembalikan nilai yang sama
Hasil ahir method ini ialah String baru hasil pengubahan. Method String.toLowerCase() dan String.toLocaleLowerCase() tak akan mengubah string asal, namun mengembalikan string baru.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = Belajar JavaScript;<br/>console.log(kalimat.toLocaleLowerCase()); // hasil: belajar javascript<br/>console.log(kalimat.toLowerCase()); // hasil: belajar javascript<br/> <br/>var kalimat2 = bELAJAR JaVaScrIPT;<br/>console.log(kalimat2.toLocaleLowerCase()); // hasil: belajar javascript<br/>console.log(kalimat2.toLowerCase()); // hasil: belajar javascript<br/></script> |
Method Objek String: String.toUpperCase() dan String.toLocaleUpperCase()
Method String.toUpperCase() dan String.toLocaleUpperCase() berfungsi bagi mengubah String asal menjadi huruf besar. Perbedaan antara toUpperCase() dengan toLocaleUpperCase(), bahwa di method toLocaleUpperCase() JavaScript menkonversinya dengan aturan lokal browser. Namun di pemakaian normal dengan bahasa Indonesia atau bahasa Inggris, kedua guna ini akan mengembalikan nilai yang sama
Hasil ahir method ini ialah String baru hasil pengubahan. Method String.toUpperCase() dan String.toLocaleUpperCase() tak akan mengubah string asal, namun mengembalikan string baru.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = Belajar JavaScript;<br/>console.log(kalimat.toLocaleUpperCase()); // hasil: BELAJAR JAVASCRIPT<br/>console.log(kalimat.toUpperCase()); // hasil: BELAJAR JAVASCRIPT<br/> <br/>var kalimat2 = bELAJAR JaVaScrIPT;<br/>console.log(kalimat2.toLocaleUpperCase()); // hasil: BELAJAR JAVASCRIPT<br/>console.log(kalimat2.toUpperCase()); // hasil: BELAJAR JAVASCRIPT<br/></script> |
Method Objek String: String.toString() dan String.valueOf()
Method String.toString() dan String.valueOf() berfungsi bagi memanggil tipe data ‘primitif’ String dari Objek String. Kita akan jarang menggunakan kedua method ini. Dan jikalau digunakan, akan mengembalikan nilai String asal.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var kalimat = Belajar JavaScript;<br/>console.log(kalimat.toString()); // hasil: Belajar JavaScript<br/>console.log(kalimat.valueOf()); // hasil: Belajar JavaScript<br/> <br/>var kalimat2 = bELAJAR JaVaScrIPT;<br/>console.log(kalimat2.toString()); // hasil: bELAJAR JaVaScrIPT<br/>console.log(kalimat2.valueOf()); // hasil: Belajar JavaScript<br/></script> |
Method Objek String: String.trim()
Method String.trim() berfungsi bagi ‘membuang’ bagian spasi atau string kosong di awal dan diakhir String. Biasanya method ini dipanggil bagi memastikan input dari user tak mengandung spasi di awal dan ahir inputan.
Hasil ahir method ini ialah String baru hasil pemrosesan. Method String.trim() tak akan mengubah string asal, namun mengembalikan string baru.
Berikut contoh penggunaannya:
|
1 |
<script><br/>var nama = Chelsea Susanti ;<br/>console.log(nama); // hasil: Chelsea Susanti <br/>console.log(nama.trim()); // hasil: Chelsea Susanti<br/></script> |
Pada Panduan JavaScript kali ini kita telah membahas secara komplit mengenai property dan method yang dimiliki oleh Tipe Data String di dalam JavaScript. Guna-fungsi ini akan benar-benar bermanfaat bagi menformat dan memproses hasil program.
Pada Panduan JavaScript berikutnya, kita akan membahas mengenai Tipe Data Boolean di dalam JavaScript.
eBook JavaScript Uncover Duniailkom
Sumber https://www.duniailkom.com/
