Berbagai Fungsi Pada String

JavaScript memperlakukan string seperti object karena itu variable bertipe string bisa mempunyai properti dan fungsi. Properti digunakan untuk mendapatkan informasi terhadap variable tersebut. Fungsi digunakan untuk melakukan suatu proses pada string.

Properti length #

Properti length digunakan untuk mengetahui panjang karakter string.

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

Jalankan Contoh

Mencari String Di Dalam String #

Fungsi indexOf digunakan untuk mencari posisi (index) pertama suatu string dalam string yang lain. Contoh di bawah memperlihatkan cara mengetahui posisi string “locate” di dalam string “Please locate ‘locate’ occurs!”. Posisi karakter dihitung mulai dari 0.

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");

Jalankan Contoh

Fungsi lastIndexOf digunakan untuk mencari posisi terakhir suatu string dalam string yang lain.

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");

Jalankan Contoh

Fungsi indexOf ataupun lastIndexOf akan mengembalikan -1 apabila string yang dicari tidak ditemukan.

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("John");

Jalankan Contoh

Posisi awal pencarian dimulai dapat dimasukkan sebagai parameter kedua fungsi indexOf.

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate", 15);

Jalankan Contoh

Posisi awal pencarian dimulai juga dapat dimasukkan sebagai parameter kedua fungsi lastIndexOf. Bedanya posisi awal ini dihitung dari posisi terakhir.

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate", 15);

Jalankan Contoh

Fungsi search sama dengan fungsi indexOf tapi fungsi search tidak mempunyai parameter kedua.

var str = "Please locate where 'locate' occurs!";
var pos = str.search("locate");

Jalankan Contoh

Mengambil Potongan String #

Fungsi slice mengambil potongan string berdasarkan posisi. Parameter pertama fungsi adalah posisi awal potongan. Parameter kedua fungsi adalah posisi akhir potongan dikurangi 1. Contoh di bawah ini mengambil potongan text mulai dari posisi 7 sampai 12.

var str = "Apple, Banana, Kiwi";
var res = str.slice(7, 13);

Jalankan Contoh

Apabila parameter bernilai negatif maka posisi dihitung mulai dari posisi terakhir.

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12, -6);

Jalankan Contoh

Fungsi slice akan memotong string sampai ke posisi terakhir apabila parameter kedua tidak diberikan.

var res = str.slice(7);

Jalankan Contoh

Fungsi slice akan memotong dihitung dari posisi terakhir apabila parameter pertama bernilai negatif dan parameter kedua tidak diberikan.

var res = str.slice(-12);

Jalankan Contoh

Fungsi substring sama seperti fungsi slice, bedanya tidak menerima paramter bernilai negatif.

var str = "Apple, Banana, Kiwi";
var res = str.substring(7, 13);

Jalankan Contoh

Fungsi substr sama seperti fungsi slice, bedanya parameter kedua adalah panjang potongan yang diinginkan.

var str = "Apple, Banana, Kiwi";
var res = str.substr(7, 6);

Jalankan Contoh

Fungsi substr akan memotong string sampai ke posisi terakhir apabila parameter kedua tidak diberikan

var str = "Apple, Banana, Kiwi";
var res = str.substr(7);

Jalankan Contoh

Apabila parameter bernilai negatif maka potongan dihitung dari posisi terakhir.

var str = "Apple, Banana, Kiwi";
var res = str.substr(-4);

Jalankan Contoh

Mengganti Text #

Fungsi replace mengganti text tertentu dalam suatu string dengan text yang lain. Parameter pertama adalah text yang akan diganti. Parameter kedua adalah text pengganti.

str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3Schools");

Jalankan Contoh

Perlu diperhatikan, fungsi replace tidak mengganti string awal tapi mengembalikan string baru.

Fungsi replace hanya mengganti text yang pertama kali ditemukan.

str = "Please visit Microsoft and Microsoft!";
var n = str.replace("Microsoft", "W3Schools");

Jalankan Contoh

Fungsi replace adalah case sensitive. Microsoft tidak sama dengan MICROSOFT.

str = "Please visit Microsoft!";
var n = str.replace("MICROSOFT", "W3Schools");

Jalankan Contoh

Untuk menghilangkan sifat case sensitive tambahkan regular expression /i.

str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3Schools");

Jalankan Contoh

Gunakan regular expression /g untuk memakai global match.

str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3Schools");

Jalankan Contoh

Topik regular expression akan dibahas lebih detil pada tutorial selanjutnya.

Huruf Besar Dan Huruf Kecil #

Fungsi toUpperCase mengubah string menjadi huruf besar.

var text1 = "Hello World!";       // String
var text2 = text1.toUpperCase();  // text2 is text1 converted to upper

Jalankan Contoh

Fungsi toLowerCase mengubah string menjadi huruf kecil.

var text1 = "Hello World!";       // String
var text2 = text1.toLowerCase();  // text2 is text1 converted to lower

Jalankan Contoh

Menggabungkan String #

Fungsi concat berfungsi untuk menggabungkan dua string.

var text1 = "Hello";
var text2 = "World";
var text3 = text1.concat(" ", text2);

Jalankan Contoh

Fungsi concat fungsinya sama seperti operator + pada string.

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ", "World!");

Trim #

Trim adalah menghapus spasi pada bagian awal dan akhir suatu text.

var str = "       Hello World!        ";
alert(str.trim());

Jalankan Contoh

Fungsi trim tidak tersedia pada web browser Internet Explorer versi 8 ke bawah. Sebagai gantinya kita bisa menggunakan fungsi replace dan regular expression.

var str = "       Hello World!        ";
alert(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''));

Jalankan Contoh

Solusi lain untuk IE 8 ke bawah adalah dengan memakai fungsi prototype seperti contoh di bawah ini.

if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
  };
}
var str = "       Hello World!        ";
alert(str.trim());

Jalankan Contoh

Mengambil Karakter Tertentu #

Fungsi charAt akan mengembalikan karakter pada posisi tertentu dalam suatu string.

var str = "HELLO WORLD";
str.charAt(0);            // returns H

Jalankan Contoh

Fungsi charCodeAt akan mengembalikan karakter dalam bentuk UTF-16 format.

var str = "HELLO WORLD";

str.charCodeAt(0);         // returns 72

Jalankan Contoh

String juga dapat diperlakukan seperti array. Kita bisa mengambil karakter pada posisi tertentu dengan cara seperti contoh di bawah.

var str = "HELLO WORLD";
str[0];                   // returns H

Jalankan Contoh

String Sebagai Array #

Gunakan fungsi split untuk mengubah string menjadi array. Parameter fungsi adalah karakter pemisah pada text.

var txt = "a,b,c,d,e";   // String
txt.split(",");          // Split on commas
txt.split(" ");          // Split on spaces
txt.split("|");          // Split on pipe

Jalankan Contoh

Apabila karakter pemisah tidak diberikan maka array akan berisi setiap karakter pada string.

var txt = "Hello";       // String
txt.split("");           // Split in characters

Jalankan Contoh