info-b

Tutorial Belajar JavaScript Part 18: Property dan Method (fungsi) Objek String JavaScript

Posted on

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:


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:

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:


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:

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:


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:


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.

Pembahasan mengenai regular expression akan kita bahas di panduan tersendiri.

Berikut contoh penggunaannya:


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.

Pembahasan mengenai regular expression akan kita bahas di panduan tersendiri.

Berikut contoh penggunaannya:


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.

Pembahasan mengenai regular expression akan kita bahas di panduan tersendiri.

Berikut contoh penggunaannya:


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:


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:


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:


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:


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:


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:


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:


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:


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

JavaScript telah menjadi fitur wajib di setiap laman modern. Duniailkom telah menyusun eBook JavaScript Uncover yang membahas JavaScript dengan lebih detail dan lebih komplit, mulai dari basic hingga konsep DOM, Event dan AJAX. Penjelasan lebih lanjut dapat ke eBook JavaScript Uncover Duniailkom.


Sumber https://www.duniailkom.com/