Chuỗi mẫu

Thuộc phần Logic và luồng chương trình trong hành trình JavaScript của Coddy. Bài học 3 trên 65.

Template literal dùng dấu huyền ngược ` để tạo chuỗi và cho phép bạn chèn biểu thức bằng cách dùng ${}.Ví dụ, khi tạo lời chào, bạn có thể chèn tên hoặc dữ liệu khác trực tiếp vào chuỗi mẫu. Bạn cũng có thể thêm các ký hiệu như $ bằng cách đặt chúng trực tiếp bên trong dấu huyền.Ví dụ:

const userName = "Sam";
const price = 5;
const message = `Welcome, ${userName}! Your total is $${price}.`;
// Chèn userName và price vào chuỗi (string)

Template literal cũng hỗ trợ chuỗi nhiều dòng mà không cần ký tự thoát \n.Bạn chỉ cần nhấn Enter để xuống dòng mới, và ngắt dòng sẽ được giữ nguyên trong đầu ra. Cả hai cách đều hoạt động:

// Dùng \n
const message1 = `Line 1\nLine 2`;

// Dùng dấu xuống dòng thực tế
const message2 = `Line 1
Line 2`;

Cả hai đều cho kết quả như nhau.

Thử thách

Dễ

Tạo một hàm (function) có tên greetAll, nhận một mảng tên và trả về một chuỗi. Mỗi tên trong mảng sẽ tạo thành một dòng theo định dạng Hello, <Name>!, các dòng được ghép thành một chuỗi duy nhất và ngăn cách bằng ký tự xuống dòng. Dùng template literal cho các dòng lời chào.

Tự làm thử

function greetAll(names) {
  // Viết code của bạn ở đây
}
// Không viết gì bên ngoài hàm

Tự kiểm tra

Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.

Tất cả bài học trong Logic và luồng chương trình

1Chuỗi chuyên sâu

Nền tảng về chuỗi Duyệt qua chuỗiChuỗi mẫuPhương thức chuỗi Ôn tập: Người dệt chuỗi

4JSON phần 2

Duyệt qua JSON JSON lồng nhau Optional chaining trong JSON Sao chép nông và sâu Ôn tập: Cửa hàng xe đạp Ôn tập: Hệ Mặt Trời

7Hệ thống quản lý thư viện

Tổng quan dự án Thêm sách

Tìm kiếm theo tiêu đề

Lọc theo thể loại

Đánh dấu đã đọc

10Quản lý hệ thống lễ hội

Tổng quan dự án Thêm phim và địa điểm

Tự luyện tập: Trình biên dịch JavaScript online