Kết nối chuỗi javascript
Chuyển đổi giá trị thành Chuỗi trong javascript. Quan trọng là trong tipjs này, chúng ta sẽ tìm ra một phương pháp đúng đắn để chuyển một chuỗi giá trị sang sử dụng javascript. Và thật không ngờ đó không phải là giá trị. toString() Show
Read request- Biết cơ bản về javascript 5 cách chuyển giá trị sang chuỗi trong javascriptCó một câu của những người nhiều năm kinh nghiệm đó là. "Một code tốt thật sự không nhất thiết phải là code một cách thông minh nhất, đó là cách truyền đạt code của bạn cho những người khác một cách dễ dàng nhất. " const value = 12345; // Concat Empty String value + ''; // Template Strings `${value}`; // JSON.stringify JSON.stringify(value); // toString() value.toString(); // String() String(value); // RESULT // '12345' So sánh 5 cách chuyển đổi giá trị thành chuỗiOk rồi, chúng ta sẽ kiểm tra xem phương án nào là hiệu quả cho việc "chuyển giá trị thành String javascript". With a data for before const string = "hello"; const number = 123; const boolean = true; const array = [1, "2", 3]; const object = {one: 1 }; const symbolValue = Symbol('123'); const undefinedValue = undefined; const nullValue = null; #Concat Chuỗi Rỗng string + ''; // 'hello' number + ''; // '123' boolean + ''; // 'true' array + ''; // '1,2,3' object + ''; // '[object Object]' undefinedValue + ''; // 'undefined' nullValue + ''; // 'null' // ⚠️ symbolValue + ''; // ❌ TypeError Có vẻ khá tốt, ngoại trừ biểu tượng Giá trị bị lỗi #Chuỗi mẫu `${string}`; // 'hello' `${number}`; // '123' `${boolean}`; // 'true' `${array}`; // '1,2,3' `${object}`; // '[object Object]' `${undefinedValue}`; // 'undefined' `${nullValue}`; // 'null' // ⚠️ `${symbolValue}`; // ❌ TypeError TypeError: Cannot convert a Symbol value to a string #JSON. xâu chuỗi () // ⚠️ JSON.stringify(string); // '"hello"' JSON.stringify(number); // '123' JSON.stringify(boolean); // 'true' JSON.stringify(array); // '[1,"2",3]' JSON.stringify(object); // '{"one":1}' JSON.stringify(nullValue); // 'null' JSON.stringify(symbolValue); // undefined JSON.stringify(undefinedValue); // undefined #toString() string.toString(); // 'hello' number.toString(); // '123' boolean.toString(); // 'true' array.toString(); // '1,2,3' object.toString(); // '[object Object]' symbolValue.toString(); // 'Symbol(123)' // ⚠️ undefinedValue.toString(); // ❌ TypeError nullValue.toString(); // ❌ TypeError #Sợi dây() String(string); // 'hello' String(number); // '123' String(boolean); // 'true' String(array); // '1,2,3' String(object); // '[object Object]' String(symbolValue); // 'Symbol(123)' String(undefinedValue); // 'undefined' String(nullValue); // 'null' Bạn cũng có thể thấy sau 5 cách thì cách cuối cùng sử dụng String() là cách ngon nhất, có thể xử lý null và không xác định. , Kết luận. Chuỗi() 🏆Sau khi chỉ cho bạn cách tất cả các phương thức khác nhau xử lý các loại giá trị khác nhau. Hy vọng rằng, bạn nhận thức được sự khác biệt và bạn sẽ biết công cụ nào sẽ nhận được trong lần tiếp theo bạn giải quyết mã của mình. Nếu bạn không chắc chắn, String () luôn là cách tốt nhất về công việc này Tiếp theo, chúng tôi sẽ chuyển sự chú ý của chúng tôi sang các chuỗi - đây là những gì văn bản được gọi trong lập trình. Trong bài viết này, chúng tôi sẽ xem xét tất cả những điều biến phổ biến mà bạn thực sự nên biết về các chuỗi khi học JavaScript, ví dụ như tạo chuỗi, thoát khỏi trích dẫn trong chuỗi và kết hợp các chuỗi với nhau Nội dung chính Hiển thị
Sứ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 lớn trong cách chúng ta giao tiếp. Bởi vì web là một phương tiện tiện lợi dựa trên văn bản chủ yếu được thiết kế để cho phép con người giao tiếp và chia sẻ thông tin, nên chúng tôi có quyền kiểm tra các từ xuất hiện trên đó rất hữu ích. HTML cung cấp cấu trúc và ý nghĩa cho văn bản của chúng tôi, CSS cho phép chúng tôi tạo kiểu chính xác của nó và JavaScript chứa một số tính năng để thao tác các chuỗi, tạo thông báo và lời chào mừng tùy chỉnh, Khá nhiều tất cả các chương trình chúng tôi đã cho bạn thấy cho đến nay trong khóa học có liên quan đến một số thao tác chuỗi String - những điều cơ bảnCác chuỗi được xử lý tương tự như các con số ngay từ cái nhìn đầu tiên, nhưng khi bạn đào 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 nhà phát triển trình duyệt để làm quen với chính chúng ta Tạo một chuỗi
Trích dẫn đơn so với trích dẫn kép
Thoát khỏi các ký tự trong một chuỗiĐể giải quyết dòng mã vấn đề trước đây của chúng tôi, chúng tôi cần thoát khỏi dấu hiệu trích dẫn vấn đề. Thoát khỏi các ký tự có nghĩa là chúng ta làm điều gì đó với họ để chắc chắn rằng chúng được công nhận là 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 một dấu gạch chéo ngược ngay trước nhân vật. Attempt cái này 0Điều này hoạt động tốt. Bạn có thể thoát khỏi các ký tự khác theo cùng một cách, ví dụ 4, và có một số đặc biệt mã bên cạnh. Xem trình tự thoát để biết thêm chi tiếtConnected wireNối chỉ có nghĩa là "tham gia cùng nhau". Để kết hợp các chuỗ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ột mẫu theo nghĩa đen Một mẫu theo nghĩa đen trông giống như một chuỗi bình thường, nhưng thay vì sử dụng dấu trích đơn hoặc dấu kép ( 5 hoặc 6), bạn sử dụng các ký tự Backtick ( 7). 5Đ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 đưa vào kết quả. 7Bạn có thể sử dụng cùng một kỹ thuật để kết hợp với nhau hai biến 0Nối trong bối cảnhChúng ta hãy xem kết nối đang được sử dụng trong hành động 1 2Ở đây chúng tôi đang sử dụng chức năng 9, 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 mà họ nhập bên trong một biến đã cho - trong trường hợp này làconst string = "hello"; const number = 123; const boolean = true; const array = [1, "2", 3]; const object = {one: 1 }; const symbolValue = Symbol('123'); const undefinedValue = undefined; const nullValue = null;30. Sau đó, chúng tôi sử dụng chức năng const string = "hello"; const number = 123; const boolean = true; const array = [1, "2", 3]; const object = {one: 1 }; const symbolValue = Symbol('123'); const undefinedValue = undefined; const nullValue = null;31 để hiển thị một cửa sổ bật lên khác có chứa một chuỗi chèn tên vào một thông báo lời chào chung Sự hợp nhất bằng cách sử dụng "+"Bạn cũng có thể kết hợp các chuỗi bằng toán tử const string = "hello"; const number = 123; const boolean = true; const array = [1, "2", 3]; const object = {one: 1 }; const symbolValue = Symbol('123'); const undefinedValue = undefined; const nullValue = null;32. 3Tuy nhiên, các mẫu chữ thường cung cấp cho bạn mã dễ đọc hơn 4Number so with stringVì vậy, có điều gì 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 sẽ trả về một lỗi, nhưng nó hoạt động tốt. Cố gắng biểu diễn một chuỗi dưới dạng một số không thực sự có ý nghĩa, nhưng biểu thị một số dưới dạng chuỗi, vì vậy trình duyệt chuyển đổi số thành một chuỗi và kết hợp hai chuỗi Nếu bạn có một biến số mà bạn muốn chuyển thành một chuỗi nhưng không thay đổi hoặc một chuỗi biến mà bạn muốn chuyển thành một số nhưng không thay đổi khác, thì 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ố vấn đề. 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 cái gì đó, bạn sẽ cần nó là một số, vì vậy bạn có thể chuyển nó qua const string = "hello"; const number = 123; const boolean = true; const array = [1, "2", 3]; const object = {one: 1 }; const symbolValue = Symbol('123'); const undefinedValue = undefined; const nullValue = null;35 to process this job. Chúng tôi đã làm chính xác điều này trong trò chơi đoán số của chúng tôi, ở dòng 59 Bao 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 các chữ cái mẫu, cũng như các biến đơn giản và kết quả sẽ được đưa vào kết quả 8Multi lines stringMẫu chữ viết Tôn trọng dòng phá vỡ trong mã nguồn, vì vậy bạn có thể viết các chuỗi trải rộng nhiều dòng như thế này 9Để có thể bắt đầu tương đương bằng cách sử dụng chuỗi bình thường, bạn phải bao gồm các ký tự ngắt dòng ( const string = "hello"; const number = 123; const boolean = true; const array = [1, "2", 3]; const object = {one: 1 }; const symbolValue = Symbol('123'); const undefinedValue = undefined; const nullValue = null;36) trong chuỗi. 0Xem trang tham khảo mẫu của chúng tôi để biết thêm các ví dụ và chi tiết về các tính năng nâng cao Kết luậnVì vậy, đó là điều cơ bản của các chuỗi được bao phủ trong JavaScript. Trong bài viết tiếp theo, chúng tôi sẽ xây dựng dựa trên điều này, xem xét một số phương thức tích phân có sẵn cho các chuỗi trong JavaScript và cách chúng tôi có thể sử dụng chúng để thao tác các chuỗi của chúng tôi vào hình ảnh
In this module -mô-đunChúng ta có thể trả về một chuỗi trong JavaScript không?Để trả về một chuỗi từ hàm JavaScript, hãy sử dụng câu lệnh trả về trong JavaScript. sử dụng câu lệnh return trong JavaScript . Làm thế nào để bạn khai báo một biến và đặt giá trị của nó thành một chuỗi trong JavaScript?Để khai báo các biến trong JavaScript, bạn cần sử dụng từ khóa var, let hoặc const. Cho dù đó là một chuỗi hoặc một số, sử dụng từ khóa var, let hoặc const để khai báo của nó. Nhưng để khai báo một chuỗi biến, chúng tôi phải đặt chuỗi bên trong dấu trích dẫn hoặc trích dẫn đơn. sử dụng từ khóa var, let hoặc const . Cho dù đó là một chuỗi hay một số, hãy sử dụng từ khóa var, let hoặc const để khai báo. Nhưng để khai báo một biến chuỗi, chúng ta phải đặt chuỗi bên trong dấu ngoặc kép hoặc dấu nháy đơn. $ {} Trong JavaScript là gì?A place place được đại diện bởi $ {}, với bất cứ điều gì trong các dấu ngoặc được coi là javascript và bất cứ điều gì bên ngoài các dấu trích dẫn được coi là một chuỗi. const phương thức = 'nội suy' const DynamicsTring = `Chuỗi này đang sử dụng ${Phương thức} |