Oke gank, setelah sebelumnya kita sudah beajar tentang 10 Method Array Javascript Paling Populer, Pada kesempatan kali ini, kita akan membahas method penting lainnya yang musti temen - temen fahami supaya makin licah dalam pemprograman javascript.
10 Method/Fungsi String Javascript yang Wajib Kamu Tahu!
String sendiri merupakan data yang berisi teks, lebih spesifiknya variabal yang nilainya diapit oleh tanda kutip satu '' atau tanda kutip dua "". Contoh:
const nama = "Dea Canda Winata"
const alamat = 'Kota Pekalongan, Perumahan Mekarsari No. 7'
Saya anggap yang baca postingan ini sudah faham banget ya mengenai string, untuk mempersingkat waku kita mulai dari :
1. startsWith()
Method/Fungsi startsWith() digunakan untuk mengecek apakah suatu string diawali dengan spesifik karakter atau kata yang telah ditentukan. Contoh penggunaanya:
const str = 'JavaScript is amazing';
console.log(str.startsWith('JavaScript')); // true
console.log(str.startsWith('Java')); // true
console.log(str.startsWith('javascript')); // false
// position is optional
// if not specified, the default value is 0
console.log(str.startsWith('Script', 4)); // true
console.log(str.startsWith('SCRIPT', 4)); // false
2. endsWith()
Kebalikan dari Method/Fungsi startsWith(). endsWith() digunakan untuk mengecek apakah suatu string diakhiri dengan spesifik karakter atau kata yang ditentukan. Contoh penggunaanya:
const str = 'JavaScript is amazing';
// check if ends with 'amazing'
console.log(str.endsWith('amazing')); // true
console.log(str.endsWith('ing')); // true
console.log(str.endsWith('Amazing')); // false
// length is optional
// if not specified, the default value is length of the string
console.log(str.endsWith('is', 13)); // true
console.log(str.endsWith('i', 13)); // false
console.log(str.endsWith('s', 13)); // true
3. includes()
Kalau 2 method diatas digunakan untuk mencari karakter spesifik yang berada didepan atau dibelakang. Method includes() digunakan untuk mengecek apakah didalam string terdapat karakter atau kata yang ditentukan, tidak perduli ada diawal string, tengah atau akhir. Contoh penggunaanya:
const str = 'JavaScript is amazing';
console.log(str.includes('Script')); // true
console.log(str.includes('script')); // false
console.log(str.includes('array')); // false
Tambahan, method includes() bisa digunakan pada string maupun array, dan sudah saya singgung disini
4. slice()
Method/Fungsi slice() digunakan untuk mengcopy beberapa bagian dalam string (karakter/teks) tanpa merubah string aslinya.Method slice() bisa menerima satu atau 2 parameter didalamnya, dengan keterangan parameter pertama merupakan awalan string yang ingin di ambil dan parameter kedua adalah akhiran string yang ingin diambil. Mirip seperti Array, indeks awal string adalah 0. Contoh penggunaanya:
const str = 'JavaScript is amazing';
// Default start index is 0
console.log(str.slice()); // 'JavaScript is amazing'
// start copy at index 4
console.log(str.slice(4)); // 'Script is amazing'
// end copy at index 10(character at this index will not be included)
console.log(str.slice(0, 10)); // 'JavaScript'
5. toUpperCase()
Method/Fungsi toUpperCase() digunakan untuk mengconvert string menjadi huruf besar. Contoh penggunaanya:
const str = 'JavaScript is amazing';
console.log(str.toUpperCase()); // 'JAVASCRIPT IS AMAZING'
6. toLowerCase()
Kebalikan dari Method/Fungsi toUpperCase(). toLowerCase() digunakan untuk mengconvert string menjadi huruf kecil. Contoh penggunaanya:
const str = 'JavaScript is amazing';
console.log(str.toLowerCase()); // 'javascript is amazing'
7. charAt()
toLowerCase() digunakan untuk mencaritahu char atau karakter suatu string dari indeks yang diberikan. Contoh penggunaanya:
const str = 'JavaScript is amazing';
console.log(str.charAt()); // 'J'
console.log(str.charAt(11)); // 'i'
console.log(str.charAt(14)); // 'a'
console.log(str.charAt(110)); // ''
8. split()
Method split() digunakan untuk merubah string menjadi array. Contoh penggunaanya:
const str = 'JavaScript is amazing';
const strNew = 'JavaScript-is-amazing';
console.log(str.split()); // ["JavaScript is amazing"]
// Separator string used to determine where to make each split
console.log(str.split('S')); // ["Java", "cript is amazing"]
console.log(str.split('is')); // ["JavaScript ", " amazing"]
console.log(str.split(' ')); // ["JavaScript", "is", "amazing"]
console.log(strNew.split('-')); // ["JavaScript", "is", "amazing"]
9. replace()
Method replace() digunakan untuk merubah/menimpa karakter atau kata tertentu dengan karakter atau kata yang kita berikan. Method replace() bersifat case sensitive jadi kita harus jeli memperhatikan huruf besar atau kecilnya. Tetap jika teks atau karakter yang ingin kita ganti tidak memperdulikan huruf besar atau kecil, kita bisa menggunakan bantuan Regex. Contoh penggunaanya:
const str = 'JavaScript is amazing';
console.log(str.replace('JavaScript', 'Node.js')); // 'Node.js is amazing'
// replace() method is case sensitive
// replace will not work
console.log(str.replace('Javascript', 'Node.js')); // 'JavaScript is amazing'
// use regular expression for case insensitive
console.log(str.replace(/Javascript/i, 'Node.js')); // 'Node.js is amazing'
// replace() method replaces only the first match
console.log(str.replace('a', 'A')); // 'JAvaScript is amazing'
// to replace all matches, use regular expression
console.log(str.replace(/a/g, 'A')); // 'JAvAScript is AmAzing'
10. repeat()
Method repeat() digunakan untuk membuat string baru dengan bentuk perulangan dari jumlah perulangan yang diberikan. Contoh penggunaanya:
const str = 'JavaScript';
console.log(str.repeat(3)); // 'JavaScriptJavaScriptJavaScript'
console.log(str.repeat(1)); // 'JavaScript'
console.log(str.repeat(0)); // ''
Itulah 10 Method/Fungsi String Javascript yang Wajib Kamu Tahu!. Saya sangat berharap ini bisa difahami oleh kalian semua meskipun bahasanya sedikit berbelit - belit (hehe susah lho ngejelasin fungsi :D).
Mungkin temen - temen yang masih awam kadang suka bingung, hal ini sebenarnya buat apa? emang bakal kepake?
Haahaha kurang lebih hal seperti itu, juga dulu sering saya fikirkan, saya merasa fungsi - fungsi kayak gini gak penting, namun nyatanya hal - hal seperti ini sangat membantu dalam mengerjakn project lho, saya sudah merasakan sendiri. Jadi buat temen-temen yang masih suka bingung, tetap semangat dan selalu memiliki pikiran yang positif ya :).
Posting Komentar