Nối Chuỗi Và Nội Suy Trong JavaScript

1. Chuỗi là gì?

  • Chuỗi là kiểu dữ liệu dùng để biểu diễn văn bản, ví dụ như tên, câu chào, đoạn văn.
  • Bạn có thể tạo chuỗi bằng:
    • Nháy đơn: 'Hello'
    • Nháy kép: "Hello"
    • Backticks (phím nằm dưới phím ESC):  `Hello`

2. Nối chuỗi là gì?

  • Nối chuỗi là việc ghép nhiều phần văn bản lại thành một chuỗi dài hơn.
  • Dùng dấu cộng (+) để nối:
let greeting = "Xin chào, " + "tôi là " + "Huy.";
// Kết quả: "Xin chào, tôi là Huy."
  • Có thể nối biến với chuỗi:
let name = "Linh";
let message = "Chào bạn, " + name + "!";
// Kết quả: "Chào bạn, Linh!"

3. Nội suy chuỗi là gì?

  • Nội suy là cách chèn biến hoặc kết quả tính toán vào trong chuỗi, giúp code dễ đọc hơn.
  • Chỉ dùng được với backticks (`) và cú pháp ${...} :
let name = "JavaScript";
let message = `Tôi đang học ${name}!`;
// Kết quả: "Tôi đang học JavaScript!"
  • Nội suy còn cho phép xuống dòng thoải mái:
let message = `Xin chào,
đây là JavaScript!`;
// Kết quả: Chuỗi có 2 dòng

4. Lưu ý khi nối chuỗi với nội suy

  • Dấu cộng (+) vừa dùng để nối chuỗi, vừa đùng để cộng số. Nếu một bên là chuỗi, kết quả sẽ là chuỗi:
'2' + 2; // Kết quả: '22', không phải 4
  • Nếu muốn kết quả là phép cộng, phải đặt trong ngoặc:
let a = 10, b = 20;
let message = 'Tổng là: ' + (a + b); // Kết quả: 'Tổng là: 30'
  • Nếu dùng template literals (backticks) để code rõ ràng, dễ đọc:
let a = 10, b = 20, total = a + b;
let message = `Tổng của ${a} và ${b} là: ${total}`;
// Kết quả: "Tổng của 10 và 20 là: 30"

5. Tóm tắt nhanh

  • Chuỗi là văn bản, tạo bằng nháy đơn, kép hoặc backticks.
  • Nối chuỗi dùng dấu +.
  • Nội suy dùng backticks và ${...} để chèn biến hoặc biểu thức.
  • Cẩn thận phân biệt giữa nối chuỗi và cộng số để tránh lỗi.