Setelah dalam beberapa tutorial JavaScript sebelumnya kita telah membahas secara mendalam tentang tipe data angka (number) di dalam JavaScript, dan juga membahas tentang objek Math yang menyediakan fungsi-fungsi matematis, dalam tutorial kali ini kita akan membahas tentang Tipe Data String dan Operator String di dalam JavaScript.
Pengertian Tipe Data String di Dalam JavaScript
Tipe data String di dalam JavaScript adalah tipe data yang terdiri dari kumpulan karakter yang berurutan. Atau di dalam penggunaan sehari-hari string adalah tipe data yang menampung nilai text atau kalimat.
Untuk membuat sebuah tipe data string, kita hanya tinggal menambahkan tanda kutip (bahasa inggris: ’quotes’) pada awal dan akhir dari text. JavaScript mendukung penggunaan tanda kutip satu ( ’ ) manupun tanda kutip ganda ( ’’ ). Didalam sumber bahasa inggris sering disebut sebagai single quote dan double quote.
Di dalam JavaScript, kedua tanda kutip ini bisa digunakan secara terpisah, maupun secara bersamaan. Perhatikan contoh berikut ini:
Jika sebuah string diinput dengan menggunakan karakter awal tanda kutip satu, maka juga harus diakhiri dengan tanda kutip satu juga, walaupun di dalam kalimat tersebut terdapat tanda kutip dua, dan begitu juga sebaliknya.
Kita bisa mendefenisikan variabel sebagai berikut ini di dalam JavaScript:
var p = "π";
var e = ‘µ’;
Penggunaan Karakter Khusus String: Escape Sequences
JavaScript memiliki cara penanganan untuk penggunaan karakter-karakter khusus (atau dikenal dengan istilah Escape Sequences). Karakter khusus ini termasuk karakter new line untuk baris baru, karakter tab, tanda kutip, dan lain-lain.
Untuk menggunakannya, kita harus men-‘escape’ karakter khusus ini dengan menggunakan tanda garis miring (\), atau disebut dengan karakter backslash.
Berikut adalah Escape Sequences di dalam JavaScript:
- \0: Karakter NUL
- \b: Backspace
- \t: Horizontal tab
- \n: Newline
- \v: Vertical tab
- \f: Form feed
- \r: Carriage return
- \”: Tanda kutip dua (double quote)
- \’: Tanda kutip satu (apostrophe atau single quote)
- \\: Garis miring backslash
- \xXX: Karakter Latin-1 dengan menggunakan dua digit heksa desimal XX
- \uXXXX: Karakter Unicode dengan menggunakan empat digit heksa XXXX
Berikut adalah contoh penggunaan Escape Sequences di dalam JavaScript:
Di dalam contoh diatas, pada bagian variabel situs, saya membuat 4 buah karakter backslash karena backslash sendiri adalah karakter escape. Untuk variabel pesan2, kalimat tersebut akan menjadi 2 baris karena karakter escape \n berfungsi untuk ‘pindah baris’. Sedangkan variabel santai akan ditampilkan menjadi “Saya sedang ngopi di café”. Karakter é ditulis menggunakan kode Unicode \u00e9.
Operator untuk operasi String di dalam JavaScript
Operasi yang sering dilakukan untuk tipe data String adalah operasi penyambungan string, atau dikenal dengan istilah ‘concatenate string’. Untuk operasi ini, JavaScript menggunakan operator tambah (+). Berikut contoh penggunaannya :
JavaScript akan ‘mendeteksi’ operasi tipe data pada saat menggunakan operator +. Jika kedua tipe data adalah angka (number), maka operasi yang akan dilakukan adalah penjumlahan, namun jika salah satu atau kedua variabel bertipe String, akan dilakukan operasi penyambungan String.
Berikut adalah contoh ‘perubahan prilaku’ operasi + :
Perhatikan bahwa variabel c adalah String karena kita menggunakan tanda kutip. Sehingga “14” + 12 di dalam JavaScript akan menghasilkan String “1412”, bukan 26.
String sebagai Array dari Karakter
Di dalam JavaScript, string bisa dianggap sebagai array dari karakter, dan kita bisa mengambil nilai sebuah karakter dari String dengan mengaksesnya seperti array.
Walaupun kita belum membahas tentang array, konsepnya untuk String sebagai array, bisa dipahami sebagai berikut: sebuah string dimulai dari array dengan index 0 untuk karakter pertama, index 1 untuk karakter kedua, dan seterusnya. Jika variabel a=”duniailkom”, maka hasil dari a[0] adalah d, dan a[5] adalah i.
Berikut contoh pengaksesan karakter dari sebuah string dalam JavaScript:
Contoh Penggunaan String di dalam JavaScript
Sebagai penutup dari perkenalan kita dengan tipe data String dalam JavaScript, berikut adalah contoh kode program untuk pendefenisian String, penggunaan karakter escape, operasi penyambungan string, dan pengaksesan string sebagai array dalam JavaScript:
Belajar JavaScript Belajar JavaScript
Saya sedang belajar Tipe Data String JavaScript di duniailkom.com
Di dalam tutorial kali ini, kita telah membahas tentang pendefenisian String, penggunaan karakter escape, operasi penyambungan string, dan pengaksesan string sebagai array di dalam JavaScript.
Namun seperti pembahasan tentang tipe data number, di dalam JavaScript tipe data String juga memiliki method dan properti yang bisa kita gunakan dalam manipulasi tipe data String. Hal ini akan kita bahas pada tutorial JavaScript berikutnya: Mengenal Property dan Method (fungsi) Objek String JavaScript.
Sumber wk.com
EmoticonEmoticon