Sebelum ECMAScript 6 (ES6), baris baru dan rangkaian string memecah string menjadi beberapa baris. Baris baru adalah bagian dari string. Karakter baris baru dilambangkan dengan "\n". Kita dapat menggunakan karakter ini untuk merentangkan string kita melintasi beberapa baris
JavaScript Multiline String menggunakan Contoh Backslash
let str = " Javascript \n Multiline \n String \n Example"; console.log(str); // output: JavaScript Multiline String Example
Membuat string multiline menggunakan penggabungan
Agar mudah dibaca, dimungkinkan untuk membagi string panjang menjadi beberapa baris dan menggabungkannya menggunakan operator (+). Pendekatan ini berguna jika Anda memiliki beberapa baris yang ingin Anda tampilkan pada baris yang berbeda, tetapi kode Anda masih bisa cepat berantakan
JavaScript Multiline String menggunakan Concatenation Contoh
let str = 'JavaScript\n' + 'Multiline\n' + 'String\n' + 'Example'; console.log(str); // output: JavaScript Multiline String Example_
Membuat string multiline menggunakan template literal
Templat literal adalah tambahan terbaru untuk JavaScript yang memungkinkan Anda membuat string multibaris, membuat kode Anda lebih bersih, dan menghilangkan karakter khusus yang tidak perlu. Sebagai perbandingan, kami menulis ulang kode di atas menggunakan template literal
JavaScript Multiline String menggunakan Contoh Templat Literal
let str = `JavaScript Multiline String Example`; console.log(str); // output: JavaScript Multiline String Example
Keuntungan lain dari literal string templat adalah Anda dapat menggunakan variabel dalam string. Untuk melakukannya, Anda menggunakan sintaks "${variable_name}" untuk menambahkan variabel di dalam string
JavaScript Multiline String dengan Contoh Variabel
let age = 31; console.log(`Hello, my name is Leo, I'm ${age} years old.`); // output: Hello, my name is Leo, I'm 31 years old.
Lihat juga
- Bagaimana cara mengonversi array menjadi string dalam JavaScript?
- Bagaimana cara memangkas string menggunakan JavaScript?
- Bagaimana cara mendapatkan panjang string dalam JavaScript?
- Bagaimana cara menggabungkan string dalam JavaScript?
- Bagaimana cara membagi string dalam JavaScript?
- Bagaimana cara mendapatkan substring dari string di JavaScript?
Contoh dan artikel API terkait Javascript Multiline String
Bagaimana cara mengirim permintaan POST menggunakan JavaScript?
Contoh
biarkan teks = "Kunjungi W3Schools. ";
biarkan pola = /W3S/gi;
biarkan hasil = pola. multi baris;
Definisi dan Penggunaan
Properti multiline menentukan apakah pengubah m disetel atau tidak
Properti ini mengembalikan true jika pengubah "m" disetel, jika tidak, ia mengembalikan false
Dukungan Peramban
multiline adalah fitur ECMAScript1 (ES1).
ES1 (JavaScript 1997) didukung penuh di semua browser
ChromeEdgeFirefoxSafariOperaIEYaYaYaYaYaSintaksis
Nilai Pengembalian
TypeDescriptionBooleanMengembalikan true jika pengubah "m" disetel, false jika sebaliknyaBeberapa string baris umumnya digunakan dalam program Javascript untuk memberikan komentar yang menjelaskan operasi program. String multi-baris adalah metode yang paling umum digunakan untuk menampilkan string
Ada banyak cara untuk menampilkan string yang tidak berisi karakter baris baru. String javascript multi-baris adalah pendekatan yang paling efektif untuk menampilkan beberapa pernyataan string dalam urutan yang logis. Ini penting jika kita memiliki string panjang yang ingin kita bagi menjadi beberapa baris. Kami tidak dapat meletakkan data pada satu baris karena tidak dapat dibaca. Ada banyak pendekatan untuk mendeklarasikan banyak baris string dalam javascript. Kami memisahkan string menjadi banyak baris dengan menggunakan karakter baris baru (/n), rangkaian string (+), dan literal template
String multi-baris tidak diizinkan oleh JavaScript 2015 hingga ES6 memperkenalkan literal string. ES6 mendukung string multi-baris. Jika dukungan browser lama diperlukan, ada beberapa opsi lain untuk menangani string multibaris
Metode Menambahkan Multi-line Strings di Javascript
Contoh 1. Ini adalah contoh dasar pencetakan teks multi-baris dalam JavaScript. Dalam contoh ini, kami hanya menggunakan HTML
tag untuk memisahkan kalimat menjadi beberapa baris
Multiple new lines example _
Keluaran
Contoh 2. Dalam contoh ini, kami akan meneruskan string teks di dalamnya
atau atau tajuk tab (
untuk) untuk membaginya menjadi beberapa baris atau paragraf.
Keluaran
Contoh 3. Dalam contoh ini, kami akan menggabungkan masing-masing string menggunakan operator +. Ini adalah metode paling sederhana namun paling memakan waktu untuk memisahkan setiap baris sebagai string dan menggabungkannya menjadi satu string terakhir
Create multi-line strings JavaScript multi-line Strings using + operator
How to create multi-line strings in JavaScript?
Click on the button to insert multiline text
Click here _Keluaran
- Sebelum mengklik tombol
- Setelah mengklik tombol
Contoh 4. Dalam contoh ini, kami akan menggabungkan masing-masing string menggunakan \ operator. Saat menulis string multi-baris dalam javascript menggunakan tanda kutip ganda/tunggal, kita dapat menggunakan karakter baris baru (\n). Setelah setiap karakter baris baru (n), tambahkan garis miring terbalik ( \ ), yang memberi tahu mesin JavaScript bahwa string belum selesai
Create multi-line strings JavaScript multi-line Strings using / operator
How to create multi-line strings in JavaScript?
Click on the button to insert multiline text
Click hereKeluaran
- Sebelum mengklik tombol
- Setelah mengklik tombol
Contoh 5. Dalam contoh ini, kami akan menggunakan templat literal untuk menggabungkan string yang terpisah. Templat literal digunakan untuk menghasilkan string multi-baris dalam javascript. Tidak seperti pembatas tanda kutip tunggal/ganda standar, string dipisahkan oleh backtick