Pada tutorial sebelumnya, kita sudah mempelajari Tutorial Belajar JavaScript Bagian 12 : Penjelasan Tipe Data Boolean di JavaScript. Dalam tutorial ini, kitaakan belajar tentang tipe data primitif string dan cara menggunakannya untuk mendefinisikan string.

Pengantar string JavaScript

String JavaScript adalah tipe data primitif. String juga tidak dapat diubah. Artinya, jika Anda memodifikasi sebuah string, Anda akan mendapatkan string baru. String asli tidak berubah.

Untuk membuat tipe data string, Anda menggunakan tanda kutip tunggal (‘) atau tanda kutip ganda (“”) seperti ini:

let str = 'Hai';
let salam = "Halo";

ES6 memperkenalkan literal templat yang memungkinkan Anda menentukan karakter string backtick (`):

let nama = `John`';

Literal templat memungkinkan Anda untuk menggunakan tanda kutip tunggal dan tanda kutip ganda di dalam sebuah string. Sebagai contoh:

let pesan = `"Saya baik". katanya ";

Selain itu, Anda dapat menempatkan variabel dan ekspresi di dalam literal template. JavaScript akan mengganti variabel dengan nilainya dalam string. Ini disebut interpolasi string. Sebagai contoh:

let nama = 'John';
let pesan = `Hai, saya ${nama}.`;

console.log(pesan);

Hasil:

Hai, saya John.

Dalam contoh ini, JavaScript mengganti variabel nama dengan nilai yang sudah ditentukan dalam variabel sebelumnya.

Mengatasi masalah karakter khusus

Untuk mengatasi masalah karakter khusus, Anda bisa menggunakan karakter \ backslash. Sebagai contoh:

• Windows line break : ‘\r\n’
• Unix line brek: ‘\n’
• Tab: ‘\t’
• Backslash ‘\’

Contoh berikut menggunakan karakter garis miring terbalik untuk menghindari karakter kutip tunggal dalam sebuah string:

let str = 'Sekarang adalah hari Jum’\at';

Menghitung panjang string

Properti length mengembalikan nilai panjang sebuah string:

let str = "Selamat Pagi!";
console.log(str.length); // 13

Perhatikan bahwa JavaScript memiliki tipe String (dengan huruf S dalam huruf besar), yang merupakan tipe pembungkus dari tipe data primitif string. Oleh karena itu, Anda dapat mengakses semua properti dan metode tipe String dari tipe data primitif string.

Mengakses karakter

Untuk mengakses karakter dalam string, Anda menggunakan notasi [] seperti array dengan nilai indeks awal nol. Contoh berikut mengembalikan karakter pertama string dengan indeks nol:

let str = "Halo";
console.log(str[0]); // "H"

Untuk mengakses karakter terakhir dari string, Anda menggunakan length – 1 indeks:

let str = "Halo";
console.log(str[str.length -1]); // "o"

Menggabungkan string melalui operator +

Untuk menggabungkan dua atau lebih string, Anda bisa menggunakan operator + :

let nama = 'John';
let str = 'Halo' + nama;
console.log(str); // "Halo Yohanes"

Jika Anda ingin membentuk string sepotong demi sepotong, Anda dapat menggunakan operator += :

let className = 'btn';
className += 'btn-primery';
className += 'none';
console.log(className);

Hasil:

btn btn-primery none

Mengubah nilai menjadi string

Untuk mengonversi nilai non-string menjadi string, Anda menggunakan salah satu dari berikut ini:

• String(n);
• ” + n
• n.toString()

Perhatikan bahwa metode toString() tidak berfungsi untuk undefined dan null.

Saat Anda mengonversi string menjadi boolean, Anda tidak dapat mengonversinya kembali. Sebagai contoh:

let status = false;
let str = status.toString(); // "false"
let kembali = Boolean(str); // true

Dalam contoh ini:

• Pertama, deklarasikan variabel status dan inisialisasi dengan nilai false.
• Kedua, ubah variabel status menjadi string menggunakan metode toString().
• Ketiga, ubah string kembali ke nilai boolean menggunakan fungsi Boolean(). Fungsi Boolean() mengubah string “false” menjadi nilai boolean. Hasilnya benar karena “false” adalah string yang tidak kosong.

Perhatikan bahwa nilai string Boolean() yang mengembalikan nilai false, adalah string kosong (”);

Membandingkan string

Untuk membandingkan dua string, Anda menggunakan operator pembanding seperti >, >=, <, <=, dan == operator.

Operator pembanding membandingkan string berdasarkan nilai numerik karakter. Dan itu mungkin mengembalikan urutan string yang berbeda dari yang digunakan dalam kamus. Sebagai contoh:

let hasil = 'a' < 'b';
console.log(hasil); // true

Namun :

let hasil = 'a' < 'B';
console.log(hasil); // false

Kesimpulan :

• String JavaScript adalah nilai primitif dan tidak dapat diubah.
• String literal dibatasi oleh tanda kutip tunggal (‘), tanda kutip ganda (“), atau backticks (`).
• Properti length mengembalikan nilai panjang string.
• Gunakan operator pembanding `>, >=, <, <=, == untuk membandingkan string.

Itu dia tutorial penjelasan tipe data string dalam JavaScript. Semoga tutorial ini membantu Anda untuk memahami jenis data string dalam JavaScript.