Template Literals
Termasuk bagian Logika dan Alur dalam perjalanan JavaScript di Coddy. Pelajaran 3 dari 65.
Template literal menggunakan backtick Template literal juga mendukung string beberapa baris tanpa perlu karakter escape Keduanya menghasilkan hasil yang sama.
` untuk membuat string dan memungkinkan kamu menyisipkan ekspresi menggunakan ${}.Misalnya, saat membuat sapaan, kamu dapat menyisipkan nama atau data lain secara dinamis langsung ke dalam template literal. Kamu juga dapat menyertakan simbol seperti $ dengan menempatkannya langsung di dalam tanda backtick.Contoh:const userName = "Sam";
const price = 5;
const message = `Welcome, ${userName}! Your total is $${price}.`;
// Menyisipkan userName dan price ke dalam string\n.Kamu cukup menekan Enter untuk membuat baris baru, dan jeda baris akan dipertahankan dalam output. Kedua cara ini bisa digunakan:// Menggunakan \n
const message1 = `Line 1\nLine 2`;
// Menggunakan pemisah baris yang sebenarnya
const message2 = `Line 1
Line 2`;
Tantangan
MudahBuat fungsi bernama greetAll yang menerima array nama dan mengembalikan satu string. Setiap nama dalam array harus menghasilkan satu baris dengan format Hello, <Name>! yang digabungkan menjadi satu string, dipisahkan oleh baris baru. Gunakan template literal untuk baris sapaan.
Coba sendiri
function greetAll(names) {
// Tulis kodemu di sini
}
// Jangan tulis apa pun di luar fungsi
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Logika dan Alur
1Mendalami string
Dasar-dasar stringIterasi pada stringTemplate LiteralsMethod stringRangkuman: Perangkai string4JSON Bagian 2
Menelusuri JSONJSON BersarangOptional Chaining pada JSONSalinan Dangkal dan MendalamUlasan: Toko SepedaUlasan: Tata Surya7Sistem Manajemen Perpustakaan
Ikhtisar ProyekMenambahkan Buku
Cari Berdasarkan JudulFilter Berdasarkan GenreTandai Sudah Dibaca2Array Multidimensi
Dasar-Dasar Array 2DMengakses Elemen Array 2DLoop Bersarang dengan Array 2DRingkasan: Array 2DPenjumlahan dan Pengurangan MatriksArray BergerigiArray 3D dan SeterusnyaPola Umum Array 2DRingkasan: Semua tentang Array5set Bagian 1
Apa Itu set?Melakukan Perulangan pada setMenambahkan ElemenMenghapus ElemenMemeriksa Apakah Elemen AdaUkuran dan Apakah KosongMenyalin dan MengosongkanRangkuman: Dasar-Dasar set8Topik Menarik tentang array
Membongkar arraySintaks spread pada arrayArray renggangRekap: Lokakarya arrayLatihan sendiri: Compiler JavaScript online