Làm thế nào để bạn thoát khỏi văn bản trong javascript?

Một ký tự thoát cho phép bạn xuất các ký tự mà bình thường bạn không thể làm được, thường là do trình duyệt sẽ diễn giải ký tự đó khác với những gì bạn dự định

Phương pháp-1. Thoát các ký tự đặc biệt HTML trong JavaScript

Đoạn mã sau cho thấy phương pháp đơn giản và dễ dàng để thoát các ký tự đặc biệt HTML trong JavaScript

Nguồn đầy đủ. JavaScript

Phương pháp-2. Thoát tất cả các ký tự đặc biệt trong JavaScript

Trong phương pháp này, hãy sử dụng HTML Phương thức DOM createTextNode() để thoát các ký tự đặc biệt HTML trong JavaScript

Nguồn đầy đủ. JavaScript

Phương pháp-3. Thoát các ký tự đặc biệt trong JavaScript

Trong phương pháp này, hãy sử dụng phương thức thay thế () của JavaScript để thoát các ký tự đặc biệt trong JavaScript

Nguồn đầy đủ. JavaScript

Ký tự thoát JavaScript

ví dụ

Đoạn code trên khi chạy sẽ báo lỗi do trình duyệt gặp dấu ngoặc kép đầu tiên, nó sẽ tưởng là chuỗi đã kết thúc

Sử dụng ký tự thoát

Đoạn mã trên sẽ chạy thành công, vì trình duyệt gặp dấu gạch chéo ngược, nó biết không cố diễn giải ký tự tiếp theo

Khi làm việc với chuỗi, bạn sẽ nhận thấy có một số ký tự dường như luôn phá vỡ chương trình của bạn. Chúng bao gồm dấu nháy đơn, dấu và, dấu ngoặc kép, v.v.

Khi làm việc với các ký tự này, bạn cần sử dụng ký tự được gọi là ký tự thoát. Một ký tự thoát cho phép bạn xuất các ký tự mà bình thường bạn không thể làm được, thường là do trình duyệt sẽ diễn giải ký tự đó khác với những gì bạn dự định

Trong JavaScript, dấu gạch chéo ngược (\) là một ký tự thoát

Ví dụ: giả sử tôi muốn hiển thị văn bản sau. Họ gọi đó là nhân vật "thoát"

Hãy thử điều đó mà không có ký tự thoát

Không có nhân vật trốn thoát

Đoạn mã trên sẽ không hoạt động như dự định vì ngay khi trình duyệt gặp dấu ngoặc kép đầu tiên, nó sẽ nghĩ rằng chuỗi đã kết thúc. Hơn nữa, nó sẽ dẫn đến lỗi vì nó sẽ mong đợi dấu ngoặc đóng

Mã có ký tự thoát

Đoạn mã trên sẽ hiển thị dấu ngoặc kép như dự định

Điều này là do, ngay khi trình duyệt gặp dấu gạch chéo ngược, nó sẽ biết không cố diễn giải ký tự tiếp theo

Trong JavaScript khi làm việc với chuỗi đôi khi chúng ta muốn ngắt chuỗi theo một cách nào đó. Chúng tôi có một số nhân vật thoát hiểm mà chúng tôi có thể sử dụng để giúp chúng tôi vượt qua thử thách này

• \’ Trích dẫn đơn
• \” Trích dẫn kép
• \n Dòng mới
• \\ Dấu gạch chéo ngược

báo giá

Khi bạn đang làm việc với các chuỗi nếu bạn muốn sử dụng một dấu ngoặc kép bên trong chuỗi, bạn không thể sử dụng cùng một dấu ngoặc kép cho phần trích dẫn bên trong chuỗi như những dấu ngoặc kép bạn bọc trong chuỗi. Hãy xem xét một số ví dụ

const quote = "A famous quote is "I think, therefore I am" "
//Returns ---> Uncaught SyntaxError: Unexpected identifierconst secondQuote = 'A famous quote is 'I think, therefore I am' ';
//Returns ---> Uncaught SyntaxError: Unexpected identifier

Trong ví dụ trên, chúng tôi bắt đầu bằng cách khai báo một biến có dấu ngoặc kép định danh và gán cho biến này một chuỗi được đặt trong dấu ngoặc kép chứa một trích dẫn cũng được đặt trong dấu ngoặc kép. Tiếp theo, chúng tôi tạo một biến thứ hai có tên là secondQuote lặp lại các bước tương tự nhưng lần này nó sử dụng dấu nháy đơn. Cả hai đều trả về một lỗi cú pháp. Một cách giải quyết vấn đề này là sử dụng các dấu ngoặc kép khác nhau cho phần trích dẫn như được minh họa trong ví dụ bên dưới

const quote = "A famous quote is 'I think, therefore I am' "
const secondQuote = 'A famous quote is "I think, therefore I am" ';

Trong ví dụ trên, chuỗi được lưu trữ bên trong biến quote sử dụng dấu nháy đơn cho đoạn trích dẫn và dấu nháy kép cho chuỗi. Chuỗi cho biến secondQuote sử dụng dấu ngoặc đơn cho chuỗi và dấu ngoặc kép cho câu trích dẫn. Cả hai công việc này. Ngoài ra, chúng ta có thể sử dụng các ký tự thoát cho những ký tự này như trong ví dụ bên dưới

const quote = "A famous quote is \"I think, therefore I am\" "
const secondQuote = 'A famous quote is \'I think, therefore I am\' ';

Trong ví dụ trên, chúng tôi sử dụng dấu gạch chéo ngược và dấu ngoặc kép ở đầu và cuối chuỗi được lưu trữ bên trong biến báo giá. Chúng tôi lặp lại các bước tương tự nhưng chúng tôi sử dụng dấu gạch chéo ngược và dấu ngoặc kép cho chuỗi được lưu trữ bên trong biến secondQuote

Một lần khác, điều này hữu ích nếu bạn muốn sử dụng dấu nháy đơn trong chuỗi

const phrase = 'You\'ve had eight cookies';
//Returns ---> "You've had eight cookies"

Dòng mới

Khi bạn muốn ngắt chuỗi của mình thành nhiều dòng, một tùy chọn khả dụng là sử dụng ký tự xuống dòng. Chúng tôi đặt cái này ở nơi chúng tôi muốn dòng mới xuất hiện. Hãy xem một ví dụ

"Monday, Tuesday, Wednesday";
//Returns ---> 'Monday, Tuesday, Wednesday'"Monday,\nTuesday,\nWednesday";
//Returns ---> 
"Monday,
Tuesday,
Wednesday"

dấu gạch chéo ngược

Nếu bạn muốn sử dụng dấu gạch chéo ngược trong chuỗi của mình, bạn cần sử dụng hai ký tự dấu gạch chéo ngược. Do chúng tôi sử dụng dấu gạch chéo ngược khi chúng tôi sử dụng ký tự thoát, chúng tôi không thể chỉ sử dụng một dấu gạch chéo ngược trong một chuỗi. Hãy xem xét một số ví dụ

"Hello \";
//Returns ---> Uncaught SyntaxError: Invalid or unexpected token"Hello \\";
//Returns ---> 'Hello \'

Tôi hy vọng bạn thích bài viết này. Vui lòng gửi bất kỳ nhận xét, câu hỏi hoặc phản hồi nào và theo dõi tôi để biết thêm nội dung

Thêm nội dung tại PlainEnglish. io. Đăng ký nhận bản tin hàng tuần miễn phí của chúng tôi. Theo dõi chúng tôi trên Twitter và LinkedIn. Kiểm tra Sự bất hòa trong cộng đồng của chúng tôi và tham gia Tập thể tài năng của chúng tôi

Làm cách nào để viết ký tự thoát trong JavaScript?

Làm cách nào để thoát khỏi HTML bằng JavaScript?