JavaScript - chuỗi đa dòng

Xin chào các bạn đang theo đuổi lập trình! Hôm nay, chúng ta sẽ cùng lặn vào thế giới kỳ diệu của chuỗi đa dòng trong JavaScript. Đừng lo lắng nếu bạn mới bắt đầu học lập trình - tôi sẽ hướng dẫn bạn từng bước một, như tôi đã làm cho hàng trăm sinh viên trong những năm dạy học của mình. Vậy, hãy lấy một ly đồ uống yêu thích của bạn và cùng bắt đầu nhé!

什么是多行字符串？

Trước khi chúng ta vào phần cách làm, hãy hiểu chuỗi đa dòng là gì. Hãy tưởng tượng bạn đang viết một câu chuyện, nhưng bạn muốn chia nó thành nhiều dòng để dễ đọc hơn. Đó chính xác là điều mà chuỗi đa dòng cho phép chúng ta làm trong lập trình - chúng cho phép chúng ta viết văn bản trải dài qua nhiều dòng mã.

Tạo chuỗi đa dòng bằng cách sử dụng 字面 lượng mẫu (Template Literals)

Phương pháp hiện đại và tinh tế nhất để tạo chuỗi đa dòng trong JavaScript là sử dụng 字面 lượng mẫu. Đây giống như cây kéo đa năng của việc maniputate chuỗi - linh hoạt và mạnh mẽ!

Cú pháp

Để tạo một 字面 lượng mẫu, bạn sử dụng dấu backtick (`) thay vì dấu的单引号 hoặc 双引号. Dưới đây là cách nó trông như thế nào:

let myStory = `Ngày xưa, có một lập trình viên dũng cảm
yêu thích việc lập trình suốt ngày đêm.`;

console.log(myStory);

Khi bạn chạy đoạn mã này, bạn sẽ thấy:

Ngày xưa, có một lập trình viên dũng cảm
yêu thích việc lập trình suốt ngày đêm.

Giải thích

Phép màu ở đây là mọi thứ nằm giữa các backtick đều được coi là một phần của chuỗi, bao gồm cả các ký tự xuống dòng. Nó giống như bạn đang viết trong một cuốn sổ kỳ diệu mà mỗi khi bạn bắt đầu một dòng mới, nó tự động được công nhận!

Lợi ích của 字面 lượng mẫu

1. Đọc hiểu: Mã của bạn trông sạch sẽ và dễ hiểu hơn.
2. Bảo toàn định dạng: Ký tự xuống dòng và indentation được giữ nguyên.
3. Chèn biến vào chuỗi: Bạn có thể dễ dàng chèn các biến vào chuỗi (chúng ta sẽ đề cập đến điều này một chút nữa).

Ví dụ nâng cao: Chèn biến vào chuỗi

Hãy làm cho mọi thứ thú vị hơn một chút với việc chèn biến vào chuỗi:

let name = "Alice";
let age = 25;
let profession = "lập trình viên";

let introduction = `Xin chào, tôi là ${name}.
Tôi ${age} tuổi và làm việc jako một ${profession}.
Tôi yêu thích việc tạo chuỗi đa dòng!`;

console.log(introduction);

Điều này sẽ xuất ra:

Xin chào, tôi là Alice.
Tôi 25 tuổi và làm việc jako một lập trình viên.
Tôi yêu thích việc tạo chuỗi đa dòng!

Trong ví dụ này, ${name}, ${age}, và ${profession} là các placeholder được thay thế bằng các giá trị thực tế của các biến. Nó giống như phép thuật, phải không?

Tạo chuỗi đa dòng bằng cách sử dụng phép toán +

Trước khi 字面 lượng mẫu xuất hiện, các lập trình viên phải sáng tạo hơn một chút. Một phương pháp phổ biến là sử dụng phép toán + để nối chuỗi. Hãy cùng xem xét:

let oldSchoolMultiline = "Đây là dòng một. " +
"Đây là dòng hai. " +
"Đây là dòng ba.";

console.log(oldSchoolMultiline);

Điều này xuất ra:

Đây là dòng một. Đây là dòng hai. Đây là dòng ba.

Giải thích

Trong phương pháp này, chúng ta đang tạo ra các chuỗi riêng lẻ và nối chúng lại với nhau bằng phép toán +. Nó giống như xây dựng một câu bằng cách kết nối các mảnh ghép khác nhau.

Ưu và nhược điểm

Ưu điểm:

• Hoạt động trong các phiên bản cũ của JavaScript
• Cho phép bạn kiểm soát các ký tự xuống dòng

Nhược điểm:

• Có thể khó đọc, đặc biệt là đối với các chuỗi dài
• Không giữ nguyên định dạng dễ dàng như 字面 lượng mẫu

Tạo chuỗi đa dòng bằng cách sử dụng ký tự \

Cuối cùng, chúng ta có phương pháp ký tự escape. Đây giống như lối đi bí mật để tạo chuỗi - một chút khó khăn, nhưng hữu ích để biết!

let escapeCharMultiline = "Đây là dòng một.\n\
Đây là dòng hai.\n\
Đây là dòng ba.";

console.log(escapeCharMultiline);

Điều này sẽ xuất ra:

Đây là dòng một.
Đây là dòng hai.
Đây là dòng ba.

Giải thích

Đây là những gì đang xảy ra:

• \n đại diện cho một ký tự xuống dòng.
• \ ở cuối một dòng cho biết JavaScript, "Hey, chuỗi này tiếp tục ở dòng tiếp theo!"

Khi nào nên sử dụng phương pháp này

Phương pháp này có thể hữu ích khi bạn làm việc với các hệ thống cũ hoặc khi bạn cần kiểm soát rất chi tiết các ký tự xuống dòng. Tuy nhiên, nó thường ít được ưa thích hơn 字面 lượng mẫu vì lý do đọc hiểu.

So sánh các phương pháp

Hãy tóm tắt các phương pháp của chúng ta trong bảng sau:

Phương pháp	Cú pháp	Đọc hiểu	Tương thích	Trường hợp sử dụng
字面 lượng mẫu	`...`	Tuyệt vời	JavaScript hiện đại	Ưu tiên cho hầu hết các tình huống
Phép toán +	"..." + "..."	Tốt	Tất cả các phiên bản	Khi làm việc với JavaScript cũ
Ký tự escape	"...\n\..."	Trung bình	Tất cả các phiên bản	Cần định dạng cụ thể

Kết luận

Và thế là bạn đã có nó, các bạn! Chúng ta đã cùng nhau hành trình qua thế giới của chuỗi đa dòng trong JavaScript. Từ sự tinh tế hiện đại của 字面 lượng mẫu đến sự quyển rũ cổ điển của phép toán nối chuỗi và các ký tự escape, bạn现在已经 có một bộ công cụ đầy đủ để xử lý chuỗi đa dòng.

Nhớ rằng, lập trình là về việc chọn đúng công cụ cho công việc. Khi bạn phát triển trong hành trình lập trình của mình, bạn sẽ có cảm giác khi nào nên sử dụng phương pháp nào. Và đừng quên - thực hành là cách tốt nhất để trở thành thạo! Hãy thử các phương pháp này trong các dự án của bạn và xem phương pháp nào tự nhiên nhất với bạn.

Chúc các bạn lập trình vui vẻ, và mong rằng các chuỗi của bạn luôn được định dạng hoàn hảo! ?

Credits: Image by storyset