Monday , August 2 2021
Home » JavaScript » Manipulasi String di Javascript

Manipulasi String di Javascript

Manipulasi String di Javascript

lebakcyber.net – Manipulasi String di Javascript. Oke kembali lagi di pembahasan kita mengenai tutorial belajar Javascript. Di kesempatan kali ini kita akan mempelajari tentang bagaimana cara untuk melakukan manipulasi string pada Javascript.

Javascript sendiri telah menyediakan beberapa fungsi yang bisa digunakan untuk melakukan manipulasi string. Dan beberapa fungsi pada Javascript yang dapat digunakan untuk melakukan sebuah manipulasi string diantaranya indexOf(), lastindexOf(), slice(), search(), substr(), substring(), toUpperCase(), toLowerCase(), split(), concat() dan masih banyak lagi lainnya.

Dan dibawah ini adalah beberapa fungsi pada Javascript yang dapat digunakan untuk melakukan manipulasi string berikut dengan penjelasan dari masing-masing fungsi tersebut.

Advertisements
  • length() = Untuk menghitung berapa banyak jumlah karakter pada sebuah string
  • search() = Mencari sebuah string yang ada didalam string
  • slice() = Menampilkan string dari karakter berapa sampai karakter yang keberapa
  • indexOf() = Menemukan sebuah string berada di urutan keberapa yang ada didalam string
  • lastIndexOf() = Menemukan letak string pada suatu sting berada di urutan keberapa yang dihitung dari akhir
  • substr() = Menampilkan sebuah string dari karakter keberapa sampai yang keberapa dan fungsi ini sama seperti fungsi slice
  • substring() = Menampilkan sebuah string dari karakter keberapa sampai yang keberapa
  • replace() = Mengganti sebuah string
  • toLowerCase() = Merubah sebuah string menjadi huruf kecil semua
  • toUpperCase() = Mengganti sebuah string menjadi huruf besar semua
  • split() = Merubah sebuah string menjadi array
  • concat() = Menggabungkan sebuah string

Sekarang kita coba bahas beberapa fungsi dari manipulasi string tersebut yang ada pada Javascript.

Contoh Fungsi Length di Javascript

Advertisements

Silahkan buat sebuah file index.html baru lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Manipulasi String Pada Javascript - lebakcyber.net</title>
</head>
<body>

<h2>Contoh Fungsi Length</h2>
 
<p id="contoh_length"></p>
 
<script>
var teks = "Contoh length pada fungsi Javascript";
document.getElementById("contoh_length").innerHTML = teks.length;
</script>
    
</body>
</html>

Berdasarkan perintah fungsi length pada javascript diatas kita akan melakukan penghitungan berapa banyak karakter yang ada pada variabel teks, dan hasilnya seperti pada gambar dibawah ini :

Contoh Fungsi indexOf() dan Fungsi LastindexOf()

Sekarang kita akan coba mempraktekan fungsi indexOf() dan juga fungsi LastindexOf(). Silahkan buat sebuah file index.html baru lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Manipulasi String Pada Javascript - lebakcyber.net</title>
</head>
<body>

<h2>Contoh Fungsi indexOf()</h2>

<p id="contoh_indexOf"></p>
 
<script>
 
    var teks = "Contoh fungsi indexOf() pada fungsi Javascript";
    var cari = teks.indexOf("Javascript");
    document.getElementById("contoh_indexOf").innerHTML = cari;
 
</script>
    
</body>
</html>

Pada perintah diatas kita mencari letak dari sebuah teks Javascript berada pada karakter keberapa dengan menggunakan fungsi indexOf(), hasilnya seperti pada gambar dibawah ini :

Sedangkan untuk mempraktekan fungsi indexOf pada Javascript, kita hanya perlu merubah perintah diatas pada bagian indexOf() menjadi lastIndexOf.

Contoh Fungsi Search di Javascript

Sekarang kita akan mempraktekan bagiamana cara implementasi dari fungsi search pada Javascript, silahkan buat sebuah file index.html baru lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Manipulasi String Pada Javascript - lebakcyber.net</title>
</head>
<body>

<h2>Contoh Fungsi search()</h2>

<p id="contoh_search"></p>
 
<script>
 
    var teks = "Contoh fungsi search() pada fungsi Javascript";
    var temukan = teks.search("Javascript");
    document.getElementById("contoh_search").innerHTML = temukan;
    
</script>
 
</script>
    
</body>
</html>

Nanti hasilnya akan seperti pada gambar dibawah ini :

Manipulasi String di Javascript

Contoh Fungsi Slice di Javascript

Sekarang kita akan mempraktekan fungsi dari slice pada Javascript. Silahkan buat sebuah file index.html baru lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Manipulasi String Pada Javascript - lebakcyber.net</title>
</head>
<body>

<h2>Contoh Fungsi slice()</h2>

<p id="contoh_slice"></p>
 
<script>
 
    var teks = "Contoh fungsi search() pada fungsi Javascript";
    var temukan = teks.slice(35, 45);
    document.getElementById("contoh_slice").innerHTML = temukan;
</script>
 
</script>
    
</body>
</html>

Nanti hasilnya akan seperti pada gambar dibawah ini :

Manipulasi String di Javascript

Contoh Fungsi replace() di Javascript

Sekarang kita akan coba praktekan fungsi replace di Javascript. Silahkan buat sebuah file index.html baru lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Manipulasi String Pada Javascript - lebakcyber.net</title>
</head>
<body>

<h2>Contoh Fungsi replace()</h2>

<p id="contoh_replace"></p>
 
<script>
 
    var teks = "Contoh fungsi replace() pada fungsi Javascript";
    var ganti = teks.replace('Javascript', 'pemrograman Javascript');
    document.getElementById("contoh_replace").innerHTML = ganti;
 
</script>
    
</body>
</html>

Nanti hasilnya akan seperti pada gambar dibawah ini :

Manipulasi String di Javascript

Oke jadi itulah beberapa contoh bagaimana cara melakukan manipulasi pada sebuah string dengan menggunakan fungsi yang ada pada Javascript.

Semoga tutorial belajar Javascript ini bisa bermanfaat bagi kalian yang sedang belajar Javascript, dan sampai jumpa di tutorial Javascript selanjutnya.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Check Also

Perulangan For di Javascript

Perulangan For di Javascript

Perulangan For di Javascript lebakcyber.net – Perulangan for di Javascript. Bertemu lagi di tutorial belajar …

Leave a Reply

Your email address will not be published. Required fields are marked *