Có 3 cách nối chuỗi trong JavaScript. Trong hướng dẫn này, bạn sẽ tìm hiểu các cách khác nhau và sự đánh đổi giữa chúng
Toán tử +
Toán tử +
giống như bạn sử dụng để cộng hai số có thể được sử dụng để nối hai chuỗi
Bạn cũng có thể sử dụng +=
, trong đó a += b
là viết tắt của
0
Concatenate multiple string variables in JavaScript.
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.
Concatenate the strings "Hello " "Programmers! " using the $ operator.
Nếu vế trái của toán tử +
là một chuỗi, JavaScript sẽ ép vế phải thành một chuỗi. Điều đó có nghĩa là an toàn khi nối các đối tượng, số,
2 và
Concatenate multiple string variables in JavaScript.
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.
Concatenate the strings "Hello " "Programmers! " using the $ operator.
3
Concatenate multiple string variables in JavaScript.
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.
Concatenate the strings "Hello " "Programmers! " using the $ operator.
Các toán tử +
và +=
hoạt động nhanh trên các công cụ JavaScript hiện đại, vì vậy không cần phải lo lắng về thứ gì đó như lớp StringBuilder của Java
+
1
Hàm +
1 tạo một chuỗi mới từ việc nối tất cả các phần tử trong một mảng. Ví dụ
Tham số đầu tiên của +
3 được gọi là dấu tách. Theo mặc định, dấu phân cách là một dấu phẩy duy nhất +
4
Bạn có thể chuyển vào bất kỳ dấu phân cách nào bạn muốn. Dấu phân cách làm cho +
1 trở thành lựa chọn ưu tiên để nối các chuỗi nếu bạn thấy mình lặp đi lặp lại cùng một ký tự. Ví dụ: bạn có thể sử dụng +
6 làm dấu phân cách để nối một mảng các từ
Hoặc bạn có thể sử dụng +
7 để nối các đoạn URL lại với nhau
Dấu phân cách làm cho +
1 trở thành một cách rất linh hoạt để nối các chuỗi. Nếu bạn muốn nối nhiều chuỗi với nhau, thông thường bạn nên sử dụng vòng lặp +
3 thay vì vòng lặp +
0 với +
Chuỗi JavaScript có phương thức +
2 tích hợp. Hàm +
2 nhận một hoặc nhiều tham số và trả về chuỗi đã sửa đổi. Các chuỗi trong JavaScript là bất biến, vì vậy +
2 không sửa đổi chuỗi tại chỗ
Nhược điểm của việc sử dụng +
2 là bạn phải chắc chắn rằng +
6 là một chuỗi. Bạn có thể chuyển các tham số không phải chuỗi cho +
2, nhưng bạn sẽ nhận được TypeError nếu +
8
Hàm +
2 hiếm khi được sử dụng vì nó có nhiều trường hợp lỗi hơn toán tử +
. Ví dụ: bạn sẽ gặp phải hành vi không mong muốn nếu gọi +
2 trên một giá trị xảy ra là một mảng. Bạn nên sử dụng +
thay vì +
2 trừ khi bạn có lý do chính đáng
ví dụ
Tham gia hai chuỗi
let text1 = "sea";
let text2 = "food";
let result = text1. concat[text2];
Tham gia hai chuỗi
let text1 = "Xin chào";
let text2 = "thế giới. ";
let result = text1. concat[" ", text2];
Thêm ví dụ bên dưới
Định nghĩa và cách sử dụng
Phương thức
9 nối hai hoặc nhiều chuỗi
Concatenate multiple string variables in JavaScript.
Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the concat[] method.
Phương thức
9 không thay đổi các chuỗi hiện có
Concatenate multiple string variables in JavaScript.
Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the concat[] method.
Phương thức
9 trả về một chuỗi mới
Concatenate multiple string variables in JavaScript.
Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the concat[] method.
cú pháp
chuỗi. concat[chuỗi1, chuỗi2,. , chuỗiX]
Thông số
ParameterDescriptionstring1,string2,
.
stringXRequired.
Các chuỗi cần nối.
Giá trị trả về
TypeDescriptionMột chuỗiMột chuỗi mới chứa các chuỗi kết hợpThêm ví dụ
Tham gia ba chuỗi
let text1 = "Xin chào";
let text2 = "thế giới. ";
let text3 = "Chúc một ngày tốt lành. ";
let result = text1. concat[" ", text2, " ", text3];
Hỗ trợ trình duyệt
9 là một tính năng ECMAScript1 [ES1]
Concatenate multiple string variables in JavaScript.
Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the concat[] method.
ES1 [JavaScript 1997] được hỗ trợ đầy đủ trên mọi trình duyệt
ChromeEdgeFirefoxSafariOperaIECóCóCóCóCóCóTrong hướng dẫn này, chúng ta sẽ học cách nối nhiều biến chuỗi trong JavaScript. Nhiều khi chúng ta cần nối hai chuỗi trong một biến duy nhất và sử dụng nó. Ý nghĩa đơn giản của nối là hợp nhất hai hoặc nhiều chuỗi
Ngoài ra, nối chuỗi rất hữu ích để chèn một số chuỗi con vào chuỗi cha. Ví dụ, trong khi phát triển ứng dụng, với tư cách là một lập trình viên, bạn cần cập nhật chuỗi bằng cách thêm một số chuỗi bổ sung khác vào đó. Người dùng có thể tách chuỗi trước và chèn chuỗi con bằng thao tác nối
Có nhiều phương pháp khác nhau để hợp nhất các chuỗi;
Sử dụng Toán tử + hoặc $ [mẫu chữ]
Sử dụng Phương thức String concat[]
Sử dụng Phương thức Array join[]
Sử dụng Toán tử + hoặc $ [mẫu chữ]
Phương pháp dễ nhất để nối hai chuỗi là sử dụng các mẫu chữ. Nói chung, các lập trình viên sử dụng toán tử + để cộng hai hoặc nhiều số, nhưng khi chúng ta sử dụng toán tử + với các biến chuỗi, nó chỉ đơn giản là hợp nhất hai chuỗi
Ngoài ra, người dùng có thể sử dụng mẫu chữ, được ký hiệu là ký hiệu $. Người dùng cần sử dụng dấu ngoặc nhọn với toán tử $
cú pháp
Thực hiện theo cú pháp dưới đây cho toán tử + và $ để nối chuỗi
let str1 = "welcome"; let str2 = "To"; let str3 = "The"; let result = str1 + str2 + str3; // using + operator; let result = ` ${str1} ${str2} ` // using $ operator with curly braces
Thí dụ
Trong ví dụ dưới đây, chúng tôi đã sử dụng toán tử + và $ để nối nhiều biến chuỗi với chuỗi bình thường
Concatenate multiple string variables in JavaScript.
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.
Concatenate the strings "Hello " "Programmers! " using the $ operator.
Sử dụng Phương thức String concat[]
chuỗi. phương thức concat[] là phương thức thư viện chuỗi JavaScript tích hợp sẵn mà chúng ta có thể sử dụng để hợp nhất hai hoặc nhiều chuỗi. Phương thức concat[] trả về chuỗi mới sau khi hợp nhất chuỗi hiện có với các chuỗi khác mà không ảnh hưởng đến chuỗi hiện có
Nó cũng đơn giản hơn để sử dụng và lập trình viên có thể làm theo cú pháp bên dưới để sử dụng phương thức concat[] với nhiều chuỗi
cú pháp
string1.concat[ string2, string3, string4 ];
Thông số
string1 - Đây là chuỗi hiện có mà chúng ta cần hợp nhất nhiều chuỗi
string2, … - Truyền nhiều chuỗi dưới dạng tham số để hợp nhất chúng với chuỗi hiện có
Thí dụ
Trong ví dụ dưới đây, chúng ta sẽ truyền hai chuỗi dưới dạng tham số của phương thức concat[] để hợp nhất nó với chuỗi thứ ba hiện có. Nó sẽ trả về một chuỗi mới mà người dùng có thể quan sát được ở đầu ra
Concatenate multiple string variables in JavaScript.
Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the concat[] method.
Sử dụng Phương thức Array join[]
Mảng. tham gia [] cũng là một phương thức thư viện tích hợp trong JavaScript, rất hữu ích để nối tất cả các giá trị mảng trong một biến duy nhất. Chúng ta sẽ tạo một mảng các chuỗi, thêm các chuỗi theo thứ tự mà chúng ta muốn hợp nhất
cú pháp
Người dùng có thể làm theo cú pháp dưới đây để sử dụng mảng. phương thức tham gia []
let strArray = [string1, string2 , string3, … ]; let resultantString = strArray.join[" "]; // join strings with space
Thí dụ
Trong ví dụ dưới đây, chúng tôi đã sử dụng mảng. phương thức join[] để nối tất cả các chuỗi của mảng. mảng. Phương thức join[] lặp qua tất cả các chuỗi của mảng, hợp nhất từng chuỗi một thành một chuỗi mới và trả về biến chuỗi mới
Concatenate multiple string variables in JavaScript.
Concatenating all strings of array ["abc", "def", "ghi"] , using the array.join[] method.
Ở kết quả trên, người dùng có thể thấy rằng tất cả các chuỗi mảng được hợp nhất với ký tự khoảng trắng. Tuy nhiên, chúng ta có thể thay đổi ký tự phân cách để nối chuỗi và người dùng có thể truyền nó dưới dạng tham số của mảng. phương thức tham gia []
Chúng tôi đã học được ba phương pháp khác nhau, hai cách nối các chuỗi. Mọi phương pháp đều hữu ích trong các tình huống khác nhau. Phương thức đầu tiên được sử dụng khi chúng ta cần hợp nhất các biến và phương thức thứ hai cũng hữu ích theo cách tương tự. mảng. Phương thức join[] rất hữu ích khi chúng ta cần hợp nhất mảng các chuỗi