Mengenal Type Data String Pada JavaScript

Mengenal Type Data String Pada JavaScript

Pada seri membuat komentar pada JavaScript sebenarnya kita sudah menggunakan type data string, namun pada seri tersebut belum dijelaskan tentang type data string. Type data string pada JavaScript yaitu type data yang menampung text atau kalimat berupa karakter tertentu, kata-kata, atau kalimat yang kita gunakan sehari-hari. Untuk menggunakan type data string kita memerlukan tanda kutip diawal text atau kalimat dan juga diakhir text atau kalimat. Untuk lebih jelasnya silakan lihat potongan kode berikut :

Dari kedua contoh diatas terdapat dua buah variabel yang memiliki value (isi) type data string, untuk membuat type data string bisa menggunakan tanda kutip satu atau dua. Apabila menggunakan tanda kutip satu diawal text atau kalimat maka diakhirnya harus ditutup dengan tanda kutip satu. Begitu juga dengan menggunakan tanda kutip dua, maka diakhir juga menggunakan penutup tanda kutip dua.

String Dengan Menggunakan Karakter Khusus / Escape Sequences

Pada contoh diatas kita hanya membuat data string dengan isi text biasa, atau didalam string tidak menggunakan kutip. Lalu bagaimana jika ingin menggunakan tanda kutip satu atau dua sebagai string?, caranya silakan lihat contoh potongan kode berikut :

Pada contoh kode diatas pada variabel text4 dan text5 menggunakan karakter khusus dengan cara menggunakan tanda garis miring (\), karakter khusus ini dikenal dengan istilah Escape Sequences. Dan berikut adalah list Escape Sequences yang ada di 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 (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.

Supaya lebih paham silakan buat dari list Escape Sequences menjadi kode yang kamu inginkan. Untuk menampilkan string pada kode JavaScript kamu bisa menggunakan alert atau innerHTML yang sudah kita pelajari sebelumnya atau lihat contoh kode di akhir post ini. Sebagai catatan untuk karakter latin dan unicode silakan ganti kode X besar dengan kode karakter latin atau unicode, contohnya :

Untuk mendapatkan kode karakter latin atau unicode kamu dapat mencarinya di Google dengan kata kunci “kode karakter latin” atau “kode karakter unicode”.

Operator Operasi String Pada JavaScript

Penggunaan operator operasi string bertujuan untuk menambahkan (menyambung) string satu dengan string yang lainnya. Untuk cara menyambung string satu dengan string yang lainnya kita dapat menggunakan oprator tambah (+). Contohnya sebagai berikut :

Kita juga bisa menyisipkan spasi diantara kedua variabel tersebut pada saat operasi string, dengan cara menambahkan string kosong, contohnya :

Membuat Kode Type Data String Pada JavaScript Yang Utuh

Dari beberapa contoh postingan kode diatas kita dapat membuat kode lengkapnya misalnya seperti berikut :

Pada contoh kode diatas terdapat beberapa tag paragraf kosong, yang kemudian tag paragraf itu akan diisi JavaScript dengan menggunakan innerHTML menggunakan variabel type data string yang sudah kita pelajari pada sub title diatas. Dari kode diatas jika ditampilkan pada browser maka akan tampil seperti berikut :

Gambar Hasil Kode Type Data String Diatas

Saya kira cukup jelas untuk penjelasan mengenai Mengenal type data string pada JavaScript ini, apabila kamu memiliki pertanyaan silakan sampaikan pada kolom komentar dibawah.


Kolom Komentar

Related Post