Belajar Javascript (15. String Method)

String Method Javascript

Kita masih membahas tentang string, tapi kali ini membahas bagaimana kita dapat dibantu oleh string. misal menemukan string dalam string.

Menemukan string di dalam string

Dalam kasus ini kita gunakan method “indexOf()” untuk menemukan posisi pertama dari text yang kita cari urutan ke berapa, contoh:

<!DOCTYPE html>
<html>
<head>
<title>finding</title>
</head>
<body>
<p id="sumber">Ibu memasak nasi di dapur, memasak sayur</p>
<button onclick="fungsi()">cari</button>
<p id="hasil"></p>
<script type="text/javascript">
function fungsi() {
var sumber = document.getElementById('sumber').innerHTML;
var cetak = sumber.indexOf("memasak");
document.getElementById('hasil').innerHTML = cetak;
}
</script>
</body>
</html>

hasil

Kita lihat kalimat “Ibu memasak nasi di dapur, memasak sayur”, kata “memasak” huruf depanya yaitu “m” berada pada urutan ke 4 karena perhitungan dimulai dari 0. Yang diproses adalah kata “memasak” yang pertama. Dengan mengganti “indexOf” dengan “lastIndexOf” , maka yang diproses adalah kata “memasak” yang terakhir.

Search Method / pencarian

Search menggunakan method search(). Method ini mirip dengan method indexOf() diatas, tapi search lebih powerfull untuk mencari string. untuk penulisanya seperti kode sebelumnya, hanya diganti dengan search(). Hasilnya pun sama dengan indexOf().

Slice() Method

slice() method ini kita gunakan untuk mencari kalimatnya, berbeda dengan kita belajar indexOf()/search() tadi, kita menggunakan parameter kalimatnya untuk mencari, tapi Slice() method menggunakan parameter letak urutan angkanya. contoh:

<!DOCTYPE html>
<html>
<head>
<title>slice</title>
</head>
<body>
<script type="text/javascript">
var nama = "belajar javascript dulu";
document.write(nama.slice(8,18));
</script>
</body>
</html>

hasil

8 adalah urutan pertama dan 18 adalah urutan terakhir. jika tidak ingin membatasi, kita dapat menuliskan slice(8). Apabila parameter bernilai (-) contoh slice(-5), maka perhitungan dimulai dari belakang.

Substring() Method

Methode ini hampir sama dengan metode slice(), tapi tidak menerima nilai negative.

Substr() Method

Method ini juga hampir mirip dengan method slice(), tapi parameter yang akhir, misal substr(8,10), maka 10 adalah panjang dari kata yang dimulai dari 8. contoh

<!DOCTYPE html>
<html>
<head>
<title>substr</title>
</head>
<body>
<script type="text/javascript">
var nama = "belajar javascript dulu";
document.write(nama.substr(8, 10));
</script>
</body>
</html>

hasil

Masih sangat banyak sekali method yang dapat digunakan. Untuk referensi secara lengkap tentang string, saudara bisa kunjungi Link ini

Semoga bermanfaat, sampai jumpa di postingan selanjutnya.

written by @akhi_syabab