Làm thế nào để bạn viết các dòng trong javascript?

Trong hướng dẫn ngắn này, chúng ta xem xét nhiều phương thức xuống dòng mới của javascript và cách bạn có thể sử dụng ngắt dòng trong khi xử lý các chuỗi

Mục lục - Javascript dòng mới

• Dòng mới Javascript là gì?
• Phá vỡ chuỗi bằng cách sử dụng chuỗi Escape
• Dòng mới sử dụng Chữ mẫu
• Phần tử ngắt HTML

JavaScript dòng mới là gì?

Thao tác chuỗi trong JavaScript có thể là một rắc rối. Mặc dù thao tác chuỗi rất dễ học, nhưng việc thực hiện chúng rất phức tạp và một lĩnh vực tương tự là thêm các dòng mới

Có nhiều cách trong JavaScript để tạo dòng mới, tuy nhiên, chúng không đơn giản như thẻ ngắt đoạn hay thẻ ngắt mà chúng ta sử dụng trong HTML

Tuy nhiên, hãy xem xét các phương thức dòng mới JavaScript được sử dụng phổ biến nhất

Phá vỡ chuỗi sử dụng trình tự Escape

Chuỗi thoát là một phương pháp thường được sử dụng để tạo một dòng mới trong JavaScript

Trình tự thoát được sử dụng để tạo một dòng mới trong Windows và Linux là \n, nhưng đối với một số máy Mac cũ hơn, thì

let flexiple = "Hire the \ntop 1% \nfreelance talent"; 

let newstring = `Hire the 
top 1% 
freelance talent`; 

console.log(flexiple); 
//Output: "Hire the 
//top 1% 
//freelance talent"

console.log(newstring);
//Output: "Hire the 
//top 1% 
//freelance talent"

let flexiple = "Hire the top 1% freelance talent"; 

let newstring = "Hire the \ntop 1% \nfreelance talent"; 

console.log(flexiple); 
//Output: "Hire the top 1% freelance talent" 

console.log(newstring); 
//Output: "Hire the 
//top 1% 
//freelance talent"

Ghi chú. Không thêm khoảng trắng sau chuỗi thoát dòng mới vì JavaScript sẽ coi đó là khoảng trắng và thêm nó vào đầu ra

Dòng mới sử dụng Chữ mẫu

Các chữ mẫu nghe có vẻ khá lạ mắt, nhưng bên dưới biệt ngữ, chúng chỉ là các chuỗi ký tự cho phép các biểu thức được nhúng

Chúng giúp sử dụng chuỗi nhiều dòng dễ dàng hơn. Văn bản mẫu được đính kèm trong backtick

let flexiple = "Hire the \ntop 1% \nfreelance talent"; 

let newstring = `Hire the 
top 1% 
freelance talent`; 

console.log(flexiple); 
//Output: "Hire the 
//top 1% 
//freelance talent"

console.log(newstring);
//Output: "Hire the 
//top 1% 
//freelance talent"

let flexiple = "Hire the \ntop 1% \nfreelance talent"; 

let newstring = `Hire the 
top 1% 
freelance talent`; 

console.log(flexiple); 
//Output: "Hire the 
//top 1% 
//freelance talent"

console.log(newstring);
//Output: "Hire the 
//top 1% 
//freelance talent"

Trong cả hai trường hợp, cùng một đầu ra được trả về. nhưng như bạn có thể thấy Văn bản mẫu giúp viết các chuỗi nhiều dòng dễ dàng hơn

Phần tử ngắt HTML

Thêm các phần tử ngắt dòng HTML vào chuỗi của bạn là một phương pháp khác để thêm một dòng mới JavaScript

Lưu ý rằng các phần tử ngắt chỉ được sử dụng khi việc phân chia dòng cần có ý nghĩa. Nhưng vì phương pháp này khá phổ biến nên chúng tôi cũng xem xét nó

Chuỗi nhiều dòng thường được sử dụng trong các chương trình Javascript để đưa ra nhận xét giải thích hoạt động của chương trình. Một chuỗi nhiều dòng là phương pháp được sử dụng phổ biến nhất để hiển thị một chuỗi

Có nhiều cách để hiển thị một chuỗi không chứa ký tự xuống dòng. Chuỗi javascript nhiều dòng là cách tiếp cận hiệu quả nhất để hiển thị một số câu lệnh chuỗi theo thứ tự logic. Điều này rất quan trọng nếu chúng ta có một chuỗi dài mà chúng ta muốn chia thành các dòng khác nhau. Chúng tôi không thể đặt dữ liệu trên một dòng vì nó sẽ không thể đọc được. Có nhiều cách khai báo chuỗi nhiều dòng trong javascript. Chúng tôi chia một chuỗi thành nhiều dòng bằng cách sử dụng ký tự dòng mới (/n), nối chuỗi (+) và ký tự mẫu

Chuỗi nhiều dòng không được JavaScript 2015 cho phép cho đến khi ES6 giới thiệu chuỗi ký tự. ES6 hỗ trợ chuỗi nhiều dòng. Nếu cần hỗ trợ trình duyệt cũ hơn, thì có một số tùy chọn khác để xử lý các chuỗi nhiều dòng

   
       Multiple new lines example 
   
   

đầu ra
ví dụ 2. Trong ví dụ này, chúng ta sẽ chuyển chuỗi văn bản bên trong
hoặc hoặc tab tiêu đề (
to) để chia chúng thành nhiều dòng hoặc đoạn văn. 


    

đầu ra
ví dụ 3. Trong ví dụ này, chúng ta sẽ nối các chuỗi riêng lẻ bằng toán tử +. Đây là phương pháp đơn giản nhất nhưng tốn thời gian nhất để tách từng dòng thành một chuỗi và nối chúng thành một chuỗi cuối cùng





   
       Create multi-line strings 
   
   
       JavaScript multi-line Strings using + operator
      

         How to create multi-line
         strings in JavaScript?
      
      
      
	Click on the button to insert multiline text 
       Click here 
      
   

đầu ra
Trước khi nhấp vào nút
Sau khi nhấp vào nút
Ví dụ 4. Trong ví dụ này, chúng ta sẽ nối các chuỗi riêng lẻ bằng toán tử \. Khi viết chuỗi nhiều dòng bằng javascript sử dụng dấu ngoặc kép/đơn, chúng ta có thể sử dụng ký tự xuống dòng (\n). Sau mỗi ký tự xuống dòng (n), hãy thêm dấu gạch chéo ngược ( \ ), dấu gạch chéo ngược này cho công cụ JavaScript biết rằng chuỗi chưa kết thúc


   
       Create multi-line strings 
   
   
       JavaScript multi-line Strings using / operator
      

         How to create multi-line
         strings in JavaScript?
      
      
      
	Click on the button to insert multiline text 
       Click here 
      
   

đầu ra
Trước khi nhấp vào nút
Sau khi nhấp vào nút
Ví dụ 5. Trong ví dụ này, chúng tôi sẽ sử dụng một mẫu chữ để nối các chuỗi riêng biệt. Chữ mẫu được sử dụng để tạo chuỗi nhiều dòng trong javascript. Không giống như dấu phân cách dấu nháy đơn/kép tiêu chuẩn, các chuỗi được phân tách bằng dấu gạch ngược
 

			
Việc sử dụng \t trong JavaScript là gì?
			
Siêu ký tự RegExp \t trong JavaScript được sử dụng  để tìm ký tự tab . Nếu nó được tìm thấy, nó sẽ trả về vị trí khác, nó sẽ trả về -1. ví dụ 1. Ví dụ này tìm kiếm ký tự tab trong chuỗi. 
		
			
Chuỗi nhiều dòng trong JavaScript là gì?
			
Đây là  một thông báo dài trải rộng trên nhiều dòng trong mã . Trong ví dụ trên, một chuỗi nhiều dòng được tạo bằng toán tử + và \n. Ký tự thoát \n dùng để ngắt dòng. 
		
			
Làm cách nào để ngắt mã JavaScript thành nhiều dòng?
			
Có hai cách để chia mã JavaScript thành nhiều dòng. Chúng ta có thể  sử dụng ký tự thoát dòng mới i. e “\n” . nếu chúng tôi đang làm việc trên tệp js hoặc không hiển thị mã cho trang html. Chúng ta có thể sử dụng thẻ