Tutorial JS

JS RUMAH Pengenalan JS JS Dimana Keluaran JS Pernyataan JS Sintaks JS Komentar JS Variabel JS JS Let JS Const Operator JS JS Aritmatika Tugas JS Tipe Data JS Fungsi JS Objek JS Acara JS String JS Metode String JS Pencarian String JS Template String JS Nomor JS Metode Nomor JS JS Array Metode Array JS Sortir Array JS Iterasi Array JS JS Array Const Tanggal JS Format Tanggal JS Metode Dapatkan Tanggal JS Metode Penetapan Tanggal JS JS Matematika JS Acak JS Boolean Perbandingan JS Ketentuan JS Beralih JS JS Loop Untuk JS Loop Untuk Masuk JS Loop Untuk Of JS Loop Sementara Istirahat JS JS Iterable JS Set Peta JS Tipe JS Konversi Tipe JS JS Bitwise JS RegExp Kesalahan JS Lingkup JS Pengangkatan JS Mode Ketat JS JS Kata Kunci ini Fungsi Panah JS Kelas JS JS JSON Debug JS Panduan Gaya JS Praktik Terbaik JS Kesalahan JS Kinerja JS Kata-kata Cadangan JS

Versi JS

Versi JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Tepi Sejarah JS

Objek JS

Definisi Objek Properti Objek Metode Objek Tampilan Objek Aksesor Objek Konstruktor Objek Prototipe Objek Obyek Iterable Set Objek Peta Objek Referensi Objek

Fungsi JS

Definisi Fungsi Parameter Fungsi Panggilan Fungsi Panggilan Fungsi Fungsi Terapkan Penutupan Fungsi

Kelas JS

Perkenalan Kelas Warisan Kelas Kelas Statis

JS Asinkron

Panggilan Balik JS JS Asinkron JS Janji JS Async/Menunggu

JS HTML DOM

Pengenalan DOM Metode DOM Dokumen DOM Elemen DOM HTML DOM Formulir DOM CSS DOM Animasi DOM Acara DOM Pendengar Acara DOM Navigasi DOM Node DOM Koleksi DOM Daftar Node DOM

JS Browser BOM

Jendela JS Layar JS Lokasi JS Sejarah JS JS Navigator Peringatan Munculan JS Waktu JS JS Cookies

JS Web API

Pengantar API Web API Formulir Web API Riwayat Web API Penyimpanan Web API Pekerja Web API Pengambilan Web API Geolokasi Web

JS AJAX

Pengenalan AJAX AJAX XMLHttp Permintaan AJAX Tanggapan AJAX File XML AJAX AJAX PHP AJAX ASP Basis Data AJAX Aplikasi AJAX Contoh AJAX

JS JSON

Perkenalan JSON Sintaks JSON JSON vs XML Tipe Data JSON Penguraian JSON Stringify JSON Objek JSON Array JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Pemilih jQuery jQuery HTML jQuery CSS jQuery DOM

Grafik JS

Grafik JS JS Kanvas JS Plotly JS Chart.js Bagan Google JS JS D3.js

Contoh JS

Contoh JS JS HTML DOM Masukan HTML JS Objek HTML JS Acara HTML JS JS Browser Editor JS Latihan JS kuis JS Sertifikat JS

Referensi JS

Objek JavaScript Objek DOM HTML


String JavaScript

String JavaScript adalah untuk menyimpan dan memanipulasi teks.

String JavaScript adalah nol atau lebih karakter yang ditulis di dalam tanda kutip.

Contoh

let text = "John Doe";

Anda dapat menggunakan tanda kutip tunggal atau ganda:

Contoh

let carName1 = "Volvo XC60";  // Double quotes
let carName2 = 'Volvo XC60';  // Single quotes

Anda dapat menggunakan tanda kutip di dalam string, selama tidak cocok dengan tanda kutip di sekitar string:

Contoh

let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';

Panjang Tali

Untuk menemukan panjang string, gunakan lengthproperti bawaan:

Contoh

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;


karakter pelarian

Karena string harus ditulis dalam tanda kutip, JavaScript akan salah memahami string ini:

let text = "We are the so-called "Vikings" from the north.";

String akan dipotong menjadi "Kami yang disebut".

Solusi untuk menghindari masalah ini, adalah dengan menggunakan karakter escape backslash .

Karakter escape backslash ( \) mengubah karakter khusus menjadi karakter string:

Code Result Description
\' ' Single quote
\" " Double quote
\\ \ Backslash

Urutan \"  menyisipkan tanda kutip ganda dalam sebuah string:

Contoh

let text = "We are the so-called \"Vikings\" from the north.";

Urutan \'  menyisipkan satu kutipan dalam sebuah string:

Contoh

let text= 'It\'s alright.';

Urutan \\  menyisipkan garis miring terbalik dalam string:

Contoh

let text = "The character \\ is called backslash.";

Enam urutan pelarian lainnya valid dalam JavaScript:

Code Result
\b Backspace
\f Form Feed
\n New Line
\r Carriage Return
\t Horizontal Tabulator
\v Vertical Tabulator

6 karakter escape di atas awalnya dirancang untuk mengontrol mesin ketik, teletype, dan mesin faks. Mereka tidak masuk akal dalam HTML.


Melanggar Garis Kode Panjang

Untuk keterbacaan terbaik, pemrogram sering kali ingin menghindari baris kode yang lebih panjang dari 80 karakter.

Jika pernyataan JavaScript tidak muat pada satu baris, tempat terbaik untuk memecahnya adalah setelah operator:

Contoh

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Anda juga dapat memecah baris kode dalam string teks dengan satu garis miring terbalik:

Contoh

document.getElementById("demo").innerHTML = "Hello \
Dolly!";

Metode \ini bukan metode yang disukai. Ini mungkin tidak memiliki dukungan universal.
Beberapa browser tidak mengizinkan spasi di belakang \karakter.

Cara yang lebih aman untuk memecah string, adalah dengan menggunakan penambahan string:

Contoh

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";

Anda tidak dapat memecah baris kode dengan garis miring terbalik:

Contoh

document.getElementById("demo").innerHTML = \
"Hello Dolly!";

String JavaScript sebagai Objek

Biasanya, string JavaScript adalah nilai primitif, dibuat dari literal:

let x = "John";

Tetapi string juga dapat didefinisikan sebagai objek dengan kata kunci new:

let y = new String("John");

Contoh

let x = "John";
let y = new String("John");

Jangan membuat objek Strings.

Kata newkunci memperumit kode dan memperlambat kecepatan eksekusi.

Objek string dapat menghasilkan hasil yang tidak terduga:

Saat menggunakan ==operator, x dan y sama :

let x = "John";
let y = new String("John");

Saat menggunakan ===operator, x dan y tidak sama :

let x = "John";
let y = new String("John");

Perhatikan perbedaan antara (x==y)dan (x===y).

(x == y) benar atau salah?

let x = new String("John");
let y = new String("John");

(x === y) benar atau salah?

let x = new String("John");
let y = new String("John");

Membandingkan dua objek JavaScript selalu menghasilkan false .

Referensi String Lengkap

Untuk referensi String lengkap, buka:

Referensi String JavaScript Lengkap .

Referensi berisi deskripsi dan contoh semua properti dan metode string.

Uji Diri Anda Dengan Latihan

Olahraga:

Gunakan lengthproperti untuk mengingatkan panjang txt.

let txt = "Hello World!";
let x = ;
alert(x);