Mengenal Tipe Data String dan Operator String JavaScrip

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.

var nama = "Sylvia";
var situs = 'duniailkom.com';
var pesan = 'dia berkata:"hello World!"';
var pesan2 = "Hari ini hari jum'at";
</script>

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:

var nama = 'Juma\'in';
//hasil: Juma'in

var situs = 'http:\\\\www.duniailkom.com';
//hasil: http:\\www.duniailkom.com

var pesan = "dia berkata:I\"ll be back";
//hasil: dia berkata:I'll be back

var pesan2 = "Kalimat ini terdiri dari\n 2 baris";
// hasil: Kalimat ini terdiri dari
//        2 baris 

var santai = "Saya sedang ngopi di caf\u00e9";
//hasil: Saya sedang ngopi di café

</script>

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 :

var a="Dunia";
var b="Ilkom";
var situs = a + b;    // DuniaIlkom
</script>

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 + :

var a="Dunia";
var b="Ilkom";
var c="14";
var d=12;
var e=3;

console.log(a+b);     // DuniaIlkom
console.log(a+c);     // Dunia14
console.log(c+d);     // 1412
console.log(d+e);     // 15
</script>

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:

var situs = "duniailkom";
console.log(situs[0]);    // d
console.log(situs[1]);    // u
console.log(situs[2]);    // n
console.log(situs[3]);    // i
console.log(situs[4]);    // a
</script>

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:

```<!DOCTYPE html>

</head>

Belajar JavaScript

Saya sedang belajar Tipe Data String JavaScript di duniailkom.com