Ada 3 cara membuat string pada JavaScript yaitu

• single quote ('')
• double quote(""), dan
• backticks(``)

Tidak ada perbedaan antara penggunaan single quote dan double quote, hanya saja disarankan untuk selalu menggunakan salah satu diantara keduanya dan tidak mengkombinasikan keduanya dalam satu file.

BackTicks

Pada bagian ini kita akan membahas penggunaan backticks untuk multiline string dan template literal.

Multiline String

menggunakan backticks untuk multiline string.

Copy
1let multiline = `
2    Baris pertama
3    Baris Kedua
4    -
5    Baris Keempat
6`;

jika kita menggunakan single quote atau double quote maka harus ditulis seperti ini.

Copy
1let multiline = '
2    Baris pertama \n \
3    Baris Kedua \n \
4    - \n \
5    Baris Keempat \n \
6    ';

Template literal

Template literal adalah bentuk string dimana kita bisa menyisipkan expression di dalamnya.

Copy
1let dinoName = 'brachio';
2
3let sayHi = `Hi ${dinoName}, How are you?`;

Pada code di atas dinoName adalah sebuah expression.

Tanpa backticks code harus ditulis seperti ini:

Copy
1let dinoName = 'brachio';
2
3let sayHi = 'Hi ' + dinoName  + ', How are you?'';

Substring

Substring adalah bagian dari string

Sebagai contoh jika kita ingin mendapatkan kata dino pada kalimat Hi dino, How are you?, kita bisa menggunakan 3 cara:

1. string.substring(start, end)

Mendapatkan bagian dari string antara start dan end (end tidak termasuk).

Copy
1let sayHi = 'Hi dino, How are you?';
2
3let substring = sayHi.substring(3, 7);
4
5console.log(substring); // dino

2. string.substr(start, length)

Mendapatkan bagian dari string mulai dari start sebanyak length.

Copy
1let sayHi = 'Hi dino, How are you?';
2
3let substring = sayHi.substr(3, 4);
4
5console.log(substring); // dino

substr juga dapat menerima argument negatif, namun hanya untuk start.

Copy
1let sayHi = 'Hi dino, How are you?';
2
3let substring = sayHi.substr(-1, 3);
4
5console.log(substring); // you

3. string.slice(start, end)

Mendapatkan bagian dari string antara start sampai karakter sebelum end (tidak termasuk end).

Copy
1let sayHi = 'Hi dino, How are you?';
2
3let substring = sayHi.slice(3, 5);
4
5console.log(substring);

Bedanya dengan substring, slice dapat menerima argument negatif.

Copy
1let sayHi = 'Hi dino, How are you?';
2
3let substring = sayHi.slice(-4, -1);
4
5console.log(substring); // you

Replace

str.replace() dipakai untuk mengganti sebagian string dengan string yang lain.

Copy
1let sayHi = 'Hi dino, How are you?';
2
3let sayOther = sayHi.replace('dino', 't-rex');
4
5console.log(sayOther); // Hi t-rex, How are you?