Tutorial JavaScript Pemula Part 6 : Property Dan Method Objek String Dalam JavaScript
Tutorial JavaScript Pemula Part 6 : Property Dan Method Objek String Dalam JavaScript - Hello everyone selamat datang kembali diwebsite saya belajarwithib.my.id, pada seri kali ini kita akan membahas Property Dan Method Objek String Dalam JavaScript.
Didalam Objek String sudah dijelaskan sebelumnya bahwa setiap variable akan berubah atau menjadi objek sehingga nantinya akan otomatis memiliki property dan method. Untuk variable yang tipe datanya adalah string akan memiliki property dan method yang seperti dibawah ini :
Method String Pada Javascript
Berikut ini adalah Macam-macam Method String Pada Javascript :
- charAt() Mengembalikan karakter pada indeks (posisi) yang ditentukan
- charCodeAt() Mengembalikan karakter Unicode pada indeks yang ditentukan
- concat() Menggabungkan dua atau lebih string, dan mengembalikan string yang baru bergabung
- endsWith() Memeriksa apakah string diakhiri dengan string spesifik / karakter tertentu
- fromCharCode() Mengonversi nilai Unicode ke karakter
- includes() Memeriksa apakah sebuah string berisi string / karakter yang ditentukan
- indexOf() Mengembalikan posisi kejadian yang ditemukan pertama dari nilai yang ditentukan dalam sebuah string
- lastIndexOf() Mengembalikan posisi kejadian terakhir yang ditemukan dari nilai yang ditentukan dalam sebuah string
- localeCompare() Membandingkan dua senar di lokal saat ini
- match() Mencari string untuk mencocokkan dengan ekspresi reguler, dan mengembalikan kecocokan tersebut
- repeat() Mengembalikan string baru dengan sejumlah salinan dari string yang ada
- replace() Mencari string untuk nilai tertentu, atau ekspresi reguler, dan mengembalikan string baru tempat nilai yang ditentukan untuk diganti
- search() Mencari string untuk nilai tertentu, atau ekspresi reguler, dan mengembalikan posisi kecocokan
- slice() Ekstrak bagian dari string dan mengembalikan string baru
- split() Membagi string menjadi array of substring
- startsWith() Memeriksa apakah sebuah string diawali dengan karakter yang ditentukan
- substr() Ekstrak karakter dari sebuah string, dimulai dari posisi awal yang ditentukan, dan melalui jumlah karakter yang ditentukan
- substring() Ekstrak karakter dari sebuah string, di antara dua indeks tertentu
- toLocaleLowerCase() Mengonversi string ke huruf kecil, sesuai dengan lokasi host
- toLocaleUpperCase() Mengonversi string ke huruf besar, sesuai dengan lokasi host
- toLowerCase() Mengubah string menjadi huruf kecil
- toString() Mengembalikan nilai objek String
- toUpperCase() Mengonversi string menjadi huruf besar
- trim() Menghapus spasi dari kedua ujung string
- String PropertiesvalueOf() Mengembalikan nilai primitif objek String
Property String Pada Javascript
Berikut ini adalah Macam-macam Property String Pada Javascript :
- constructor Mengembalikan fungsi konstruktor string.
- length Mengembalikan panjang string.
- prototype Memungkinkan Anda menambahkan properti dan metode ke suatu objek.
Metode Pembungkus HTML String
Berikut ini adalah Macam-macam Metode Pembungkus HTML String Pada Javascript :
- anchor() Menghasilkan link sama seperti menggunakan tag <a name="nama">.
- big() Menjadikan teks menjadi lebih besar karena diapit tag <big>
.
- blink() Menjadikan teks berkedip karena diapit <blink>.
- bold() Menampilkan string dengan huruf tebal seperti tag <b>.
- fixed() Menampilkan string menggunakan font nada tetap.
- fontcolor() Menampilkan string menggunakan warna tertentu.
- fontsize() Menampilkan string menggunakan ukuran tertentu.
- italics() Menampilkan string miring.
- link() Menampilkan string sebagai hyperlink.
- small() Menampilkan string menggunakan font kecil.
- strike() Menampilkan string dengan coretan.
- sub() Menampilkan string sebagai teks subskrip.
- sup() Menampilkan string sebagai teks superskrip.
Semua metode string mengembalikan nilai baru. Mereka tidak mengubah variabel asli.
sumber: www.w3schools.com
Setelah mengetahui method dan property pada javascript saya akan mencontohkan beberapa cara penggunaannya. Untuk contoh method dan property yang lain silakan bereksperimen sendiri.
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript</title>
</head>
<body>
</body>
<script type="text/javascript">
var satu = "Saya sedang belajar javascript";
var dua = "Saya sedang belajar PHP";
/** Metode Pembungkus HTML String **/
document.write("Contoh Metode Pembungkus HTML String" + "<br>");
document.write(satu.fontcolor('red') + '<br>');
document.write(dua.toUpperCase() + '<br>');
document.write(satu.small() + '<br>');
document.write(dua.italics() + '<br>');
document.write('<br>');
/** Method String Pada Javascript **/
document.write("Contoh Method String Pada Javascript" + "<br>");
document.write(satu.replace(/end/g, "END") + '<br>');
document.write(dua.search("end") + '<br>');
document.write(satu.substr(2, 4) + '<br>');
var tiga = " Saya sedang belajar vue.js ";
document.write(tiga.trim() + '<br>');
document.write('<br>');
/** Property String Pada Javascript **/
document.write("Contoh Property String Pada Javascript" + "<br>");
document.write(satu.constructor + '<br>');
document.write(dua.length + '<br>');
function employee(name, jobtitle, born) {
this.name = name;
this.jobtitle = jobtitle;
this.born = born;
}
employee.prototype.salary = 2000;
var fred = new employee("Fred Flintstone", "Caveman", 1970);
document.write(fred.salary + '<br>');
</script>
</html>
Hasilnya akan seperti dibawah ini :
Untuk mendapatkan hasil yang berbeda silahkan saja untuk bereksprimen sendiri agar kamu jadi jauh lebih mengerti mengenai Property Dan Method Objek String Dalam JavaScript.
Penutupan
Mungkin sekianlah dari saya mengenai Property Dan Method Objek String Dalam JavaScript saya harap kamu mengerti dengan apa yang saya jelaskan karena nantinya ini akan sangat berguna sekali untuk dirimu ketika mempelajari javascript secara lanjut.
Semoga Bermanfaat!!!