JavaScript Academy · Pelajaran

String Multibaris

Tulis teks multibaris yang mudah dibaca tanpa escape.

String Multibaris adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 4 pelajaran total.

Cara Lama

Sebelum literal templat, teks multibaris memerlukan urutan pelolosan baris baru secara eksplisit atau penggabungan teks di beberapa baris. Cara ini panjang dan rentan terhadap kesalahan.

const old = "Line 1\nLine 2\nLine 3"
console.log(old)

Literal Templat Mencakup Banyak Baris

Literal templat yang ditulis dengan tanda petik terbalik dapat berisi pemisah baris nyata di dalam kode sumber. Setiap baris baru yang Anda ketik menjadi baris baru di dalam teks.

Contoh yang dapat dijalankan menghasilkan keluaran yang sama menggunakan urutan pelolosan.

const text = "First\nSecond\nThird"
console.log(text)

Spasi Kosong Dipertahankan

Indentasi dan spasi di dalam templat multibaris dipertahankan persis seperti penulisannya. Hal ini penting ketika menghasilkan keluaran berformat.

const block = "  indented\n    more indented"
console.log(block)

Menyusun Paragraf

Teks multibaris berguna untuk paragraf, isi email, atau templat. Di sini kita menyusun pesan singkat.

const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)

Menghitung Baris

Anda dapat menggunakan split pada teks multibaris berdasarkan karakter baris baru untuk menghitung atau memproses setiap baris.

const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)

Menggabungkan Menjadi Teks Multibaris

Larik baris dapat digabungkan dengan pemisah baris baru untuk menyusun teks multibaris secara terprogram.

const parts = ["one", "two", "three"]
console.log(parts.join("\n"))

Menggabungkan dengan Interpolasi

Templat multibaris juga dapat berisi penampung, sehingga nilai dinamis dapat dicampur dengan pemisah baris. Contoh ini menggunakan penggabungan untuk menunjukkan hasilnya.

const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)

Tab dan Karakter Khusus

Anda dapat menyertakan karakter tab dengan urutan pelolosan tab, bahkan di dalam teks multibaris, untuk merapikan kolom.

const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)

Menghapus Baris Tambahan

Teks multibaris terkadang memiliki baris kosong di awal atau akhir. Metode trim menghapus spasi kosong di sekitarnya, termasuk baris baru.

const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")

Menghasilkan Teks Kode

Teks multibaris berguna untuk menghasilkan potongan kode sumber atau konfigurasi sebagai keluaran teks.

const code = "function add(a, b) {\n  return a + b\n}"
console.log(code)

Memperhatikan Panjang Baris

Ingatlah bahwa templat multibaris mencakup setiap baris baru yang Anda ketik. Pemisah baris yang tidak disengaja dapat menambahkan spasi kosong yang tidak diharapkan, jadi aturlah format dengan sengaja.

const a = "no break here and here"
console.log(a.length)

Pemeriksaan Singkat

Uji pemahaman Anda tentang teks multibaris.

Ringkasan

Ringkasan: Literal templat memungkinkan teks multibaris nyata.

Baris baru dalam kode sumber menjadi baris baru dalam teks
Spasi kosong dipertahankan persis
Padukan dengan interpolasi untuk blok dinamis
Gunakan split dan join untuk memproses baris

console.log("Line A\nLine B")

Pertanyaan yang Sering Diajukan

Apakah pelajaran “String Multibaris” gratis?

Ya — teks lengkap “String Multibaris” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “String Multibaris”?

Tulis teks multibaris yang mudah dibaca tanpa escape. Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.

Berapa lama pelajaran “String Multibaris” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke JavaScript Academy