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()

Read request

- Biết cơ bản về javascript

5 cách chuyển giá trị sang chuỗi trong javascript

Có 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ỗi

Ok 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ói
  • String - những điều cơ bản
  • 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
  • Nối trong bối cảnh
  • Sự hợp nhất bằng cách sử dụng "+"
  • Number so with string
  • Bao gồm các biểu thức trong chuỗi
  • Multi lines string
  • Kết luận
  • In this module -mô-đun
  • Chúng ta có thể trả về một chuỗi trong JavaScript không?
  • 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?
  • $ {} Trong JavaScript là gì?
  • Làm thế nào để bạn chuyển các biến cho một chuỗi?

Sức mạnh của lời nói

Từ 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ản

Cá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

  1. To started, please enter the following lines.
    const string = "The revolution will not be televised.";
    console.log(string);
    
    Giống như tôi đã làm với các số, chúng tôi đang khai báo một biến, khởi tạo nó với chuỗi giá trị và sau đó trả về giá trị. Sự khác biệt duy nhất ở đây là khi viết một chuỗi, bạn cần bao quanh giá trị với các trích dẫn
  2. Nếu bạn không làm điều này, hoặc bỏ lỡ một trong các trích dẫn, bạn sẽ gặp lỗi. Cố gắng nhập các dòng sau.
    const badString1 = This is a test;
    const badString2 = 'This is a test;
    const badString3 = This is a test';
    
    Những dòng này không hoạt động vì bất kỳ văn bản nào không có trích dẫn xung quanh nó được coi là một tên biến, tên thuộc tính, một từ dành riêng hoặc tương tự. Nếu trình duyệt không thể tìm thấy nó, thì một lỗi đã được nêu ra (ví dụ. "thiếu; trước câu lệnh"). Nếu trình duyệt có thể tìm thấy một chuỗi bắt đầu ở đâu, nhưng không thể tìm thấy kết thúc của chuỗi, như chỉ được đưa ra bởi báo giá thứ 2, nó sẽ hoang mang với một lỗi (với "Chuỗi chưa kết thúc theo nghĩa đen . Nếu chương trình của bạn đang nêu ra các lỗi như vậy, thì hãy quay lại và kiểm tra tất cả các chuỗi của bạn để chắc chắn rằng bạn không bỏ sót dấu ngoặc kép
  3. Điều sau đây sẽ hoạt động nếu trước đây bạn đã xác định biến số
    const badString = string;
    console.log(badString);
    
    1 - hãy thử ngay bây giờ.
    const badString = string;
    console.log(badString);
    
    const badString = string;
    console.log(badString);
    
    2 đã được đặt để có cùng giá trị với
    const badString = string;
    console.log(badString);
    
    1

Trích dẫn đơn so với trích dẫn kép

  1. Trong JavaScript, bạn có thể chọn trích dẫn đơn hoặc trích dẫn kép để bọc chuỗi của bạn. Cả hai điều sau đây sẽ hoạt động ổn định.
    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;
    3
  2. Có rất ít sự khác biệt giữa hai, và bạn sử dụng là tùy thuộc vào sở thích cá nhân. Bạn nên chọn một và theo đuổi nó, tuy nhiên; . Điều sau đây sẽ trả về một lỗi.
    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;
    4
  3. Trình duyệt sẽ nghĩ rằng chuỗi chưa được đóng vì loại báo giá khác mà bạn không sử dụng để chứa các chuỗi của bạn có thể xuất hiện trong chuỗi. Ví dụ, cả hai đều ổn.
    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;
    5
  4. Tuy nhiên, bạn không thể bao gồm cùng một trích dẫn bên trong chuỗi nếu nó được sử dụng để chứa chúng. Lỗi sau đây, vì nó nhầm lẫn trình duyệt về nơi kết thúc chuỗi.
    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;
    6

    Điều này dẫn chúng tôi rất độc đáo vào chủ đề tiếp theo của chúng tôi

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

const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
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ụ

const badString = string;
console.log(badString);
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ết

Connected wire

Nố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 (

const badString = string;
console.log(badString);
5 hoặc
const badString = string;
console.log(badString);
6), bạn sử dụng các ký tự Backtick (
const badString = string;
console.log(badString);
7).
const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
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ự

const badString = string;
console.log(badString);
8 và giá trị của biến sẽ được đưa vào kết quả.
const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
7

Bạn có thể sử dụng cùng một kỹ thuật để kết hợp với nhau hai biến

const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
0

Nối trong bối cảnh

Chúng ta hãy xem kết nối đang được sử dụng trong hành động

const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
1
const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
2

Ở đây chúng tôi đang sử dụng chức năng

const badString = string;
console.log(badString);
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.
const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
3

Tuy nhiên, các mẫu chữ thường cung cấp cho bạn mã dễ đọc hơn

const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
4

Number so with string

Vì 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ố?

const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
5

Bạ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

  • Đối tượ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;
    33 chuyển đổi bất kỳ thứ gì được chuyển đổi cho nó thành một số, nếu nó có thể. Please try the following things.
    const badString1 = This is a test;
    const badString2 = 'This is a test;
    const badString3 = This is a test';
    
    6

  • Ngược lại, mỗi số có một phương thức gọi là ____134 chuyển đổi nó thành chuỗi tương đương. Attempt cái này.
    const badString1 = This is a test;
    const badString2 = 'This is a test;
    const badString3 = This is a test';
    
    7

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ỗi

Bạ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ả

const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
8

Multi lines string

Mẫ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

const badString1 = This is a test;
const badString2 = 'This is a test;
const badString3 = This is a test';
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.
const badString = string;
console.log(badString);
0

Xem 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ận

Vì 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

  • Trước
  • tổng quan. First step
  • Tiếp theo

In this module -mô-đun

Chú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}