Các thành phần nhiều dòng được viết bằng JavaScript như thế nào?

---

Thí dụ

let text = "Truy cập W3Schools. “;
để mẫu = /W3S/gi;
để kết quả = mẫu. đa tuyến;

Tự mình thử »

Định nghĩa và cách sử dụng

Thuộc tính multiline chỉ định có đặt công cụ sửa đổi m hay không

Thuộc tính này trả về true nếu công cụ sửa đổi "m" được đặt, nếu không, nó trả về false

Hỗ trợ trình duyệt

multiline là một tính năng ECMAScript1 (ES1)

ES1 (JavaScript 1997) được hỗ trợ đầy đủ trên mọi trình duyệt

ChromeEdgeFirefoxSafariOperaIECóCóCóCóCóCó

---

cú pháp

Giá trị trả về

TypeDescriptionBooleanTrả về true nếu bộ sửa đổi "m" được đặt, ngược lại là false

---

Những công việc này

var htmlString = "
This is a string.
";

Điều này không thành công

var htmlSTring = "

  This is a string.
";

Đôi khi điều này là mong muốn cho khả năng đọc

Thêm dấu gạch chéo ngược để làm cho nó hoạt động

var htmlSTring = "
\
  This is a string.\
";

Bạn có thể tạo một chuỗi nhiều dòng JavaScript bằng cách sử dụng các ký tự dòng mới, phép nối và chuỗi ký tự mẫu. Mẫu chuỗi ký tự là cú pháp hiện đại nhất và cũng cho phép bạn nhúng các biến vào một chuỗi

Bạn đã bao giờ muốn kéo dài một chuỗi trên nhiều dòng văn bản chưa? . Đây là một nhu cầu rất phổ biến cho các nhà phát triển. Điều cuối cùng bạn muốn làm là thêm một chuỗi vào mã không hiển thị theo cách bạn muốn

Đừng lo lắng vì JavaScript đã có chúng tôi bảo vệ. Trong JavaScript, có ba cách bạn có thể tạo chuỗi nhiều dòng

Tìm trận đấu Bootcamp của bạn

• Career Karma kết hợp bạn với các bootcamp công nghệ hàng đầu
• Truy cập học bổng độc quyền và các khóa học chuẩn bị

Chọn sở thích của bạn
Tên đầu tiên

Họ

E-mail

Số điện thoại

Bằng cách tiếp tục, bạn đồng ý với Điều khoản dịch vụ và Chính sách quyền riêng tư của chúng tôi và bạn đồng ý nhận các ưu đãi và cơ hội từ Career Karma qua điện thoại, tin nhắn văn bản và email

• Sử dụng ký tự dòng mới (\n)
• Sử dụng nối chuỗi
• Sử dụng chuỗi ký tự mẫu

Trong hướng dẫn này, chúng ta sẽ nói về cách sử dụng từng cách trong số ba cách tiếp cận này để viết một chuỗi nhiều dòng. Chúng tôi sẽ xem qua các ví dụ về từng phương pháp để bạn có thể dễ dàng bắt đầu

Trước ES6. Dòng mới và nối

Trước ECMAScript 6 (ES6), bạn phải sử dụng các ký tự dòng mới hoặc nối chuỗi để tách một chuỗi thành nhiều dòng

const multiLine = (str) => {
   return str;
 }
  let string = "\nHarry Potter\nHermione Grainger\nRonald Weasley\nNeville Longbottom\n"
  console.log(multiLine(string));

Ký tự dòng mới là một phần của chuỗi. Những ký tự này phổ biến trong nhiều ngôn ngữ lập trình. Một ký tự dòng mới được ký hiệu là “\n”. Chúng ta có thể sử dụng ký tự này để mở rộng chuỗi của mình trên nhiều dòng. Kết quả đầu ra là

Mã của chúng tôi trả về bốn ký tự Harry Potter trên các dòng mới. Mỗi \n biểu thị một dòng mới. Nếu chúng tôi muốn có khoảng cách một dòng giữa mỗi tên, chúng tôi sẽ cần chỉ định hai ký tự \n

Bạn cũng có thể sử dụng toán tử nối chuỗi JavaScript

const multiLine = ((str) => {
   return str;
})
let string = "The main characters in Harry Potter are:" + "\n\t" + "Harry Potter" + "\n\t" + "Hermione Grainger" + "\n\t" + "Ronald Weasley" + "\n\t" + "Neville Longbottom" + "\n";
console.log(multiLine(string));

Trong ví dụ này, chúng tôi cũng phụ thuộc vào các ký tự dòng mới. Chúng được biểu thị bằng ví dụ \n. Cách tiếp cận này hữu ích nếu bạn có nhiều chuỗi muốn xuất hiện trên các dòng khác nhau. Tuy nhiên, mã của bạn có thể rất nhanh chóng trở nên lộn xộn. Không ai thích mã lộn xộn

Đây là những cách chấp nhận được để tạo nhiều dòng trong JavaScript. Nhưng, với sự ra đời của ES6, có một cách mới để làm điều tương tự. chuỗi ký tự mẫu

Chuỗi nhiều dòng JavaScript. Chuỗi ký tự mẫu

Là một phần của EcmaScript 6 (ES6), chúng ta có thể sử dụng dấu tích ngược để tạo một chuỗi được định dạng theo một cách cụ thể. Đây được gọi là một chuỗi ký tự mẫu. Bạn có thể thêm ngắt dòng mới bằng cách sử dụng phím Enter bên trong chuỗi ký tự mẫu

Dấu tích phía sau, “`”, là phím trên cùng bên trái trên bàn phím tiêu chuẩn

Chúng ta hãy xem cú pháp của một chuỗi ký tự

 const multiLine = (str) => {
   return str;
 }
  let string = `
 Harry Potter
 Hermione Grainger
 Ronald Weasley
 Neville Longbottom
 `
  console.log(multiLine(string));

Chúng tôi đã khai báo một chuỗi kéo dài nhiều dòng. Ký tự đánh dấu phía sau biểu thị một chuỗi ký tự

"Career Karma bước vào cuộc đời tôi khi tôi cần nó nhất và nhanh chóng giúp tôi phù hợp với bootcamp. Hai tháng sau khi tốt nghiệp, tôi đã tìm được công việc mơ ước phù hợp với giá trị và mục tiêu của mình trong cuộc sống. "

Venus, Kỹ sư phần mềm tại Rockbot

Find Your Bootcamp Match

Một lợi thế lớn của cú pháp chuỗi ký tự là bạn có thể sử dụng các biến bên trong chuỗi. Sử dụng ${variableNameHere} để thêm các biến vào mẫu của bạn theo nghĩa đen, như vậy

var age = "13";
var message = `Jimmy is ${13}.`;

console.log(message);

mã của chúng tôi trả về

Jimmy is 13.

Chúng tôi đã sử dụng cú pháp ${} để thêm nội dung của một biến vào chuỗi của chúng tôi. Để cú pháp này hoạt động, chúng ta phải sử dụng backticks để khai báo một chuỗi. Hãy xem một ví dụ phức tạp hơn

________số 8_______

mã của chúng tôi trả về

The main characters in Harry Potter are:

      • Harry Potter -- The Chosen One
      • Hermione Grainger -- The Smart One
      • Ronald Weasley -- The Funny One
      • Neville Longbottom -- The Forgetful One

Một điều cần lưu ý với mẫu chữ là nó sẽ quan sát tất cả khoảng trắng và dấu xuống dòng

Bạn có thể đọc thêm về các ký tự JavaScript trong hướng dẫn nội suy chuỗi JavaScript của chúng tôi

Thats tất cả để có nó. Bây giờ bạn có khả năng viết các chuỗi nhiều dòng JavaScript theo cả cú pháp ES6 và ES5

Phần kết luận

Có ba cách để tạo chuỗi nhiều dòng trong JavaScript. Chúng ta có thể sử dụng toán tử nối, một ký tự dòng mới (\n) và các ký tự mẫu. Mẫu chữ đã được giới thiệu trong ES6. Chúng cũng cho phép bạn thêm nội dung của một biến vào một chuỗi

Bạn có muốn tìm hiểu thêm về JavaScript? . Bạn sẽ tìm thấy lời khuyên và hướng dẫn của chuyên gia về các khóa học, sách và tài nguyên trực tuyến hàng đầu trong hướng dẫn này

Làm cách nào để hiển thị JavaScript văn bản nhiều dòng?

Đa dòng trong JavaScript là gì?

Các chuỗi nhiều dòng được biểu diễn như thế nào?

Làm cách nào để ngắt mã JavaScript thành nhiều dòng?