Thêm ngắt dòng trong biến 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 Show
Mục lục - Javascript dòng mới
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ự EscapeChuỗ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à 1, nhưng đối với một số máy Mac cũ hơn, thì 0 được sử dụng. Việc thực hiện các chuỗi thoát khá đơn giản
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ẫuCá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. Chữ mẫu được đính kèm trong backtick 1
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 HTMLThê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ó Tiếp theo, chúng ta sẽ chú ý đến các chuỗi - đây là những đoạn văn bản được gọi trong lập trình. Trong bài viết này, chúng ta sẽ xem xét tất cả những điều phổ biến mà bạn thực sự nên biết về chuỗi khi học JavaScript, chẳng hạn như tạo chuỗi, thoát dấu ngoặc kép trong chuỗi và nối các chuỗi lại với nhau điều kiện tiên quyết. Trình độ máy tính cơ bản, hiểu biết cơ bản về HTML và CSS, hiểu biết về JavaScript là gì. Khách quan. Để làm quen với những kiến thức cơ bản về chuỗi trong JavaScriptSức mạnh của lời nóiTừ ngữ rất quan trọng đối với con người — chúng là một phần quan trọng trong cách chúng ta giao tiếp. Vì Web là một phương tiện chủ yếu dựa trên văn bản được thiết kế để cho phép con người giao tiếp và chia sẻ thông tin, nên sẽ rất hữu ích nếu chúng ta có quyền kiểm soát các từ xuất hiện trên đó. HTML cung cấp cấu trúc và ý nghĩa cho văn bản của chúng ta, CSS cho phép chúng ta tạo kiểu chính xác cho văn bản và JavaScript chứa một số tính năng để thao tác chuỗi, tạo lời nhắc và thông báo chào mừng tùy chỉnh, hiển thị nhãn văn bản phù hợp khi cần, sắp xếp các thuật ngữ theo thứ tự mong muốn, Gần như tất cả các chương trình mà chúng tôi đã cho bạn xem trong khóa học đều liên quan đến một số thao tác chuỗi Chuỗi - những điều cơ bảnThoạt nhìn, các chuỗi được xử lý tương tự như các số, nhưng khi tìm hiểu sâu hơn, bạn sẽ bắt đầu thấy một số khác biệt đáng chú ý. Hãy bắt đầu bằng cách nhập một số dòng cơ bản vào bảng điều khiển dành cho nhà phát triển trình duyệt để làm quen Tạo một chuỗi
dấu nháy đơn vs. dấu ngoặc kép
Thoát các ký tự trong một chuỗiĐể khắc phục dòng mã sự cố trước đó của chúng tôi, chúng tôi cần thoát khỏi dấu ngoặc kép của sự cố. Thoát ký tự có nghĩa là chúng tôi làm điều gì đó với chúng để đảm bảo rằng chúng được nhận dạng dưới dạng văn bản, không phải là một phần của mã. Trong JavaScript, chúng tôi làm điều này bằng cách đặt dấu gạch chéo ngược ngay trước ký tự. Thử cái này 4Điều này hoạt động tốt. Bạn có thể thoát các ký tự khác theo cách tương tự, e. g. 4, ngoài ra còn có một số mã đặc biệt. Xem Trình tự thoát để biết thêm chi tiếtnối chuỗiConcatenate chỉ có nghĩa là "kết hợp với nhau". Để nối các chuỗi lại với nhau trong JavaScript, bạn có thể sử dụng một loại chuỗi khác, được gọi là mẫu chữ Mẫu chữ trông giống như một chuỗi bình thường, nhưng thay vì sử dụng dấu ngoặc kép đơn hoặc kép ( 5 hoặc 6), bạn sử dụng ký tự backtick ( 7) 9Điều này có thể hoạt động giống như một chuỗi bình thường, ngoại trừ bạn có thể bao gồm các biến trong đó, được bao bọc bên trong các ký tự 8 và giá trị của biến sẽ được chèn vào kết quả 1Bạn có thể sử dụng kỹ thuật tương tự để nối hai biến lại với nhau 0Nối trong ngữ cảnhChúng ta hãy xem phép nối đang được sử dụng trong hành động 1 2Ở đây chúng ta đang sử dụng hàm 9, hàm này yêu cầu người dùng trả lời câu hỏi thông qua hộp thoại bật lên, sau đó lưu trữ văn bản họ nhập bên trong một biến nhất định — trong trường hợp này là 00. Sau đó, chúng tôi sử dụng hàm 01 để hiển thị một cửa sổ bật lên khác chứa chuỗi chèn tên vào thông báo lời chào chungNối bằng cách sử dụng "+"Bạn cũng có thể nối các chuỗi bằng toán tử 02 3Tuy nhiên, mẫu chữ thường cung cấp cho bạn mã dễ đọc hơn 4Số so với. dâyVậy điều gì sẽ xảy ra khi chúng ta cố gắng kết hợp một chuỗi và một số? 5Bạn có thể mong đợi điều này trả về một lỗi, nhưng nó vẫn hoạt động tốt. Việc cố gắng biểu thị một chuỗi dưới dạng một số không thực sự có ý nghĩa, nhưng việc biểu thị một số dưới dạng một chuỗi thì có, vì vậy trình duyệt sẽ chuyển đổi số thành một chuỗi và nối hai chuỗi đó lại Nếu bạn có một biến số mà bạn muốn chuyển đổi thành chuỗi nhưng không thay đổi ngược lại hoặc biến chuỗi bạn muốn chuyển đổi thành số nhưng không thay đổi ngược lại, bạn có thể sử dụng hai cấu trúc sau
Những cấu trúc này có thể thực sự hữu ích trong một số trường hợp. Ví dụ: nếu người dùng nhập một số vào trường văn bản của biểu mẫu, thì đó là một chuỗi. Tuy nhiên, nếu bạn muốn thêm số này vào một thứ gì đó, thì bạn cần nó phải là một số, vì vậy bạn có thể chuyển nó qua 05 để xử lý việc này. Chúng tôi đã làm chính xác điều này trong Trò chơi Đoán số, ở dòng 59Bao gồm các biểu thức trong chuỗiBạn có thể bao gồm các biểu thức JavaScript trong chữ mẫu, cũng như các biến đơn giản và kết quả sẽ được đưa vào kết quả 8chuỗi nhiều dòngChữ mẫu tôn trọng các ngắt dòng trong mã nguồn, vì vậy bạn có thể viết các chuỗi kéo dài nhiều dòng như thế này 9Để có đầu ra tương đương khi sử dụng một chuỗi bình thường, bạn phải bao gồm các ký tự ngắt dòng ( 06) trong chuỗi 0Xem trang tham khảo văn bản mẫu của chúng tôi để biết thêm ví dụ và chi tiết về các tính năng nâng cao Phần kết luậnVì vậy, đó là những điều cơ bản về chuỗi được trình bày trong JavaScript. Trong bài viết tiếp theo, chúng ta sẽ xây dựng vấn đề này, xem xét một số phương thức tích hợp có sẵn cho các chuỗi trong JavaScript và cách chúng ta có thể sử dụng chúng để thao tác các chuỗi của mình thành dạng chúng ta muốn |