Hallo sobat mitra tekno niaga, pada tulisan kali ini Kami ingin memberikan tutorial tentang bagaimana cara memotong string pada JavaScript. Tanpa panjang lebar lagi, Yuk mari baca dan simak tulisan ini sampai habis. Di jamin akan memberikan manfaat yang besar untuk menambah pengetahuan Anda. Oke, langsung saja ya.
Untuk memotong string dengan JavaScript, Anda bisa menggunakan 2 fungsi yaitu substring()
dan substr()
. Apa perbedaan antara fungsi substring()
dan substr()
? Sebenarnya secara fungsi keduanya sama-sama digunakan untuk memotong sebuah string, lalu apa yang membedakan dari kedua fungsi tersebut? kedua fungsi tersebut memiliki cara kerja yang berbeda, masing-masing memiliki cara kerja yang cukup unik. Untuk lebih jelasnya akan Kami bahas satu persatu ya.
Berikut ini adalah syntax dari fungsi substring()
:
substring(start, end);
Penjelasan:
Berikut ini beberapa contoh script cara menggunakan fungsi substring()
:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var str = "Selamat Datang di mitrateknoniaga.com";
var res = str.substring(0, 7);
alert(res);
</script>
</head>
<body>
</body>
</html>
Pada contoh 1 di atas sebenarnya tidak ada proses pemotongan sebab parameter start berisi angka 0 sehingga menampilkan string dari awal karakter yaitu karakter ke-0, lalu karakter yang tampil dibatasi hanya 7 dan menghasilkan Output sebagai berikut :
Selamat
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var str = "Selamat Datang di mitrateknoniaga.com";
var res = str.substring(17, 25);
alert(res);
</script>
</head>
<body>
</body>
</html>
Pada contoh 2 di atas, string dipotong sampai karakter ke-17 (dihitung dari angka 0) sehingga string yang tampil dimulai dari karakter ke-18, lalu jumlah karakter yang ditampilkan hanya 7 (angka 25 dihitung dari karakter awal string dan dihitung mulai dari angka 1) dan menghasilkan Output sebagai berikut :
rachmat
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var str = "Selamat Datang di mitrateknoniaga.com";
var res = str.substring(18);
alert(res);
</script>
</head>
<body>
</body>
</html>
Pada contoh 3 di atas hanya menggunakan satu parameter sehingga maksud dari script tersebut ialah jumlah karakter yang dipotong sebanyak 18 karakter, kemudian menampilkan sisa karakter yang ada dan menghasilkan Output sebagai berikut :
mitrateknoniaga.com
Berikut ini adalah syntax dari fungsi substr()
:
substr(start, length);
Penjelasan:
Berikut ini beberapa contoh script cara menggunakan fungsi substr()
:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var str = "Selamat Datang di mitrateknoniaga.com";
var res = str.substr(8,6);
alert(res);
</script>
</head>
<body>
</body>
</html>
Pada contoh 1 di atas, string dipotong sampai karakter ke-8 sehingga string yang tampil dimulai dari karakter ke-9, lalu jumlah karakter yang ditampilkan hanya 6 dan menghasilkan Output sebagai berikut :
Datang
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var str = "Selamat Datang di mitrateknoniaga.com";
var res = str.substr(18);
alert(res);
</script>
</head>
<body>
</body>
</html>
Pada contoh 2 di atas hanya menggunakan satu parameter sehingga maksud dari script tersebut ialah jumlah karakter yang dipotong sebanyak 18 karakter, kemudian menampilkan sisa karakter yang ada dan menghasilkan Output sebagai berikut :
mitrateknoniaga.com
Gimana? Sangat mudah kan.
Demikian pembahasan tentang Cara Memotong String pada JavaScript, semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca. Sampai jumpa di tulisan berikutnya. Terima Kasih