Cetak banyak baris dalam javascript

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

Sintaksis

Nilai Pengembalian

Beberapa 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

   
       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 here 
      
   

Keluaran
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
 

			
Bagaimana cara mencetak banyak baris dalam JavaScript?
			
Ini adalah cara JavaScript yang paling sederhana untuk menampilkan teks string dalam beberapa baris.  Gunakan tab break line ( . 
		
			
Bagaimana cara mencetak string dengan banyak baris?
			
Anda dapat membagi string menjadi beberapa baris dengan  menutupnya dengan tanda kutip tiga . Alternatifnya, tanda kurung juga dapat digunakan untuk menyebarkan string ke baris yang berbeda. Selain itu, backslash berfungsi sebagai karakter kelanjutan garis di Python. Anda dapat menggunakannya untuk menggabungkan teks pada baris terpisah dan membuat string multiline. 
		
			
Bagaimana memecah kode JavaScript menjadi beberapa baris?
			
Ada dua cara untuk memecah kode JavaScript menjadi beberapa baris. Kita dapat  menggunakan karakter escape baris baru i. dan “\n” . jika kita sedang mengerjakan file js atau tidak merender kode ke halaman html. Kita bisa menggunakan tag 
		
			
Bagaimana cara mencetak baris berikutnya dalam JavaScript?
			
Karakter baris baru adalah  \n  dalam JavaScript dan banyak bahasa lainnya. Yang perlu Anda lakukan hanyalah menambahkan \n karakter setiap kali Anda memerlukan jeda baris untuk menambahkan baris baru ke string.