Cách chia chuỗi thành nhiều dòng trong html?

Chuỗi nhiều dòng trong JavaScript có nghĩa là một chuỗi có hai dòng trở lên. Để tách một chuỗi nhiều dòng thành một mảng, chúng ta cần sử dụng split() trong mã JavaScript của mình.  

Phương pháp phân tách JavaScript (dấu phân cách, giới hạn). Hàm split() được sử dụng để phân chia dữ liệu tùy thuộc vào các thuộc tính mà chúng ta đang truyền vào đó. Các thuộc tính dấu phân cách xác định rằng từ/ký hiệu này, chuỗi sẽ được chia. Thuộc tính giới hạn là tùy chọn, nó chỉ định có bao nhiêu phần tách

ví dụ 1. Ví dụ này cho thấy việc sử dụng phương pháp trên. Trong phần này, khi chúng ta nhấp vào nút “Go”, mảng của chuỗi nhiều dòng sẽ được hiển thị trên màn hình được phân tách bằng dấu “,”

HTML

<h1 style="color:green">

    Welcome to Geeks for Geeks

</h1>

<h12_______9_______

    h15

</h12_______9_______

<style0 style1_______7_______style3>

    style6

</style0_______9_______

<=1 =2_______7__________=4_______7_______5=1_______9_______

<=9>

    "color:green"2

"color:green"3_______8_______4

"color:green"5"color:green"6"color:green"7"color:green"8

"color:green"3>1"color:green"7>3

"color:green"3_______9_______6

"color:green"5>8

        0

</=9>

đầu ra

Tách chuỗi nhiều dòng thành một mảng các dòng

ví dụ 2. Bây giờ, hãy xem cách lấy chỉ mục cụ thể của một mảng

HTML

<h1 style="color:green">

    Welcome to Geeks for Geeks

</h1>

<h12_______9_______

    h15

</h12_______9_______

<style0 style1_______7__________style3</8style0_______9_______

<=1 =2_______7__________=4_______7_______5=1_______9_______

<=9>

    "color:green"2

"color:green"3_______8_______4

"color:green"5"color:green"6"color:green"7"color:green"8

"color:green"3>1"color:green"7>3

"color:green"3_______9_______6

"color:green"5h119

        0

</=9>

đầu ra

Tách chuỗi nhiều dòng thành một mảng các dòng

Như chúng ta đã viết mảng[1], do đó chỉ có dòng thứ 2 được in. Nếu chúng ta viết mảng[2], thì nó sẽ không được xác định vì mảng này chỉ chứa dữ liệu trong hai chỉ mục đầu tiên tương ứng là 0 và 1

Khi bạn nhập chuỗi ký tự dài, JetBrains Rider sẽ giúp bạn tách các dòng và thêm dấu ngoặc kép và dấu cộng cần thiết

Trong khi dấu mũ nằm trong một chuỗi ký tự,

nhấn Enter sẽ phân tách chuỗi chính xác để cú pháp mã của bạn không bị hỏng

Bây giờ, nếu bạn xóa dấu +, các phần chuỗi sẽ trở lại với nhau mà không có dấu ngoặc kép thừa

Thao tác chuỗi rất dễ học nhưng khó thành thạo nhất trong JavaScript. Trước đó, chuỗi nhiều dòng không được JavaScript hỗ trợ. Sau năm 2015, các ký tự chuỗi đã được ES6 (ECMAScript 6) giới thiệu hỗ trợ chuỗi nhiều dòng

Bây giờ, có một số cách để xử lý chuỗi nhiều dòng. Chúng ta sẽ thảo luận về các phương pháp khác nhau này để xử lý từng chuỗi một trong chương này

Sau đây là một số cách để làm việc với chuỗi nhiều dòng

Phương pháp 1

Đây là cách đơn giản nhất của JavaScript để hiển thị văn bản chuỗi trong nhiều dòng. Sử dụng tab ngắt dòng (
) hoặc HTML bên trong tài liệu. write() để bắt đầu văn bản từ dòng mới

Ví dụ

Đây là triển khai thực tế của chuỗi nhiều dòng bằng lập trình JavaScript

sao chép mã

đầu ra

Khi bạn thực thi mã này, ba chuỗi văn bản sẽ hiển thị cho bạn trên trang web sẽ được phân chia bằng cách sử dụng tab ngắt dòng (
) của HTML

This is first line display using JavaScript.
This is second line and divided using break line tab of HTML.
Now, we again printed another new line.

ví dụ 2. Nối chuỗi riêng lẻ

Trong ví dụ này, chúng ta sẽ chỉ cần in chuỗi nhiều dòng mà không ngắt dòng bằng lập trình JavaScript

sao chép mã

đầu ra

Khi bạn thực thi mã này, hai đoạn văn bản sẽ hiển thị cho bạn trên trang web sẽ được phân chia bằng cách sử dụng tab ngắt dòng (
) của HTML

Javatpoint is a website of technologies, which provides tutorials of different technologies and tools. Here you will get tutorials in detail 'like theory as well as practical implementation.
We will try to provide you the best knowledge from our side. 'Student, teachers, and industry professionals can learn from here.

ví dụ 3

Đây là một ví dụ đơn giản về in văn bản nhiều dòng bằng lập trình JavaScript. Trong phần này, chúng tôi chỉ sử dụng HTML
tab để ngắt câu thành nhiều dòng

sao chép mã

đầu ra

Khi bạn thực thi mã này, ba đoạn văn sẽ hiển thị cho bạn trên trang web sẽ được phân chia bằng cách sử dụng tab dòng ngắt (
) của HTML

JavaScript is a programming language that is popular for web development at the client-side execution. This language is very light-weighted mostly used to put validations, so they check at client-side. 
Nowadays, it is very trending in market for web development.
As it also allows dynamic execution of code.

Phương pháp 2. Bạn cũng có thể chuyển chuỗi văn bản bên trong

hoặc hoặc tab tiêu đề (

sao chép mã

đầu ra

Dòng được thông qua ở trên sẽ hiển thị trong nhiều dòng mới. Những dòng này được bắt đầu từ một dòng mới bằng cách sử dụng đoạn văn và tab in đậm

This is first line of the paragraph. 
This text will show you in bold letters in next line. 
Now, it is again a simple text line.

Phương pháp 3. Trong phương pháp này, chúng tôi sẽ in một chuỗi nhiều dòng. Điều này chủ yếu đi vào công việc khi bạn muốn viết đoạn văn

Ví dụ

Bạn có thể viết văn bản nhiều dòng bên trong nhiều tab HTML để hiểu rõ đoạn văn. Xem với sự giúp đỡ của một ví dụ

sao chép mã

đầu ra

Một đầu ra sẽ hiển thị bạn trên web bằng cách thực hiện như trên. Xem phản hồi bên dưới;

Nhấp vào nút Hiển thị nhiều dòng này và một chuỗi văn bản sẽ hiển thị cho bạn trong nhiều dòng. Xem đầu ra bên dưới

Chúng ta có thể tách một chuỗi trong HTML không?

Làm cách nào để ngắt một chuỗi thành nhiều dòng trong JavaScript?