Tutorial Javascript Part 11: Menangani String

Menangani String – String adalah tipe data yang berupa huruf atau rangkaian huruf yang biasa kita sebut teks (text). Satu huruf saja sudah dianggap string. Penggunaan string sangat penting karena sebagian besar informasi pada website berupa teks.

Dalam menangani string, Javascript menyediakan beberapa method yang bisa dipakai untuk keperluan seperti menghitung panjang string, memotong string dan sebagainya.

Menulis String

Untuk menulis string pada program javascript, kita taruh diantara tanda petik satu (‘…’) atau diantara tanda petik dua (“…”).

Contoh penulisan string pada javascript :

var Text = "Sabrina";
atau
var Text = 'Sabrina';

Menulis Karakter Spesial pada String

Untuk menulis karakter spesial seperti ” atau ‘ pada string kita menggunakan tanda backslash (/).

Ada beberapa karakter spesial yang ditulis dengan backslash, diantaranya :

Kode	Hasil
‘	petik satu
“	petik dua
\	backslash
n	baris baru
r	carriage return
t	tab
b	backspace
f	form feed

Contoh penulisan string pada javascript :

var Text = "Sabrina lahir di /"Jepara/"";
//Jika dijalankan akan tampil Sabrina lahir di "Jepara"

Menghitung panjang string

Kita bisa menghitung panjang variabel bertipe string dengan menggunakan built-in properti pada javascript bernama length.

Contoh penggunaan properti length pada javascript :

var Text = 'Sabrina';
var panjang = Text.length;
document.write(panjang); //akan menampilkan angka 7

Mencari posisi string di dalam string

Kita bisa mencari dimana posisi suatu string di dalam rangkaian string yang lebih panjang dengan menggunakan method indexOf(string). Posisi ini menghitung jumlah huruf dan spasi sampai pada awal huruf dari teks yang dimaksud. karakter pertama pada teks merupakan posisi 0.

Contoh penggunaan method indexOf pada javascript :

var Text = 'Sabrina lahir di Jepara';
var posisi = Text.indexOf("Jepara");
document.write(posisi); //akan menampilkan angka 17

Jika ada beberapa teks yang sama didalam rangkaian string kita bisa mencari posisi kemunculan string yang terakhir dengan method lastIndexOf(string).

Memotong sebagian string

Ada tiga cara untuk memotong sebagian string, yaitu dengan method slice, substring dan substr.

Contoh penggunaan method slice pada javascript :

var Text = 'Sabrina lahir di Jepara';
var newText = Text.slice(8,12);
document.write(newText); //akan menampilkan lahir

Pada penggunaan method slice, angka pertama merupakan start dan angka kedua merupakan end. Jika angka pertama diset negatif berarti perhitungan string dimulai dari belakang.

Contoh penggunaan method substring pada javascript :

var Text = 'Sabrina lahir di Jepara';
var newText = Text.substring(8,12);
document.write(newText); //juga akan menampilkan lahir

Pada penggunaan method substring sama dengan method slice, angka pertama merupakan start dan angka kedua merupakan end. Namun method substring tidak bisa memotong dari belakang (tidak bisa diset nilai negatif).

Contoh penggunaan method substr pada javascript :

var Text = 'Sabrina lahir di Jepara';
var newText = Text.substr(8,5);
document.write(newText); //juga akan menampilkan lahir

Pada penggunaan method substr, angka pertama merupakan start dan angka kedua merupakan jumlah karakter pada string baru.

Mengganti Isi String (replace)

Untuk mengganti isi string kita menggunakan method replace. Kita bisa mengganti sebagian atau keseluruhan isi string.

Contoh penggunaan method replace pada javascript :

var Text = 'Sabrina lahir di Jepara';
var newText = Text.replace("Jepara","Semarang");
document.write(newText); //akan menampilkan Sabrina lahir di Semarang

Pada penggunaan method substr, angka pertama merupakan start dan angka kedua merupakan jumlah karakter pada string baru.

Mengubah Karakter String menjadi Lowercase

Untuk mengubah karakterstring menjadi huruf kecil (lowercase) kita menggunakan method toLowerCase.

Contoh penggunaan method toLowerCase pada javascript :

var Text = 'Sabrina lahir di Jepara';
var newText = Text.toLowerCase();
document.write(newText); //akan menampilkan sabrina lahir di jepara

Mengubah Karakter String menjadi Uppercase

Untuk mengubah karakterstring menjadi huruf besar (uppercase) kita menggunakan method toUpperCase.

Contoh penggunaan method toUpperrCase pada javascript :

var Text = 'Sabrina lahir di Jepara';
var newText = Text.toUpperCase();
document.write(newText); //akan menampilkan SABRINA LAHIR DI JEPARA

Mengambil huruf dari String

Untuk mengambil huruf dari string kita menggunakan method charAt.

Contoh penggunaan method charAt pada javascript :

var Text = 'Sabrina lahir di Jepara';
var newText = Text.charAt(8);
document.write(newText); //akan menampilkan l

Method charAt akan menghasilkan huruf sebenarnya dari string. Jika kita ingin memperoleh nilai angka dari huruf tersebut kita menggunakan method charCodeAt.

Contoh penggunaan method charCodeAt pada javascript :

var Text = 'Sabrina lahir di Jepara';
var newText = Text.charCodeAt(8);
document.write(newText); //akan menampilkan angka 108

Lihat indeks artikel Tutorial Javascript Dasar >>

Referensi :