Làm thế nào để bạn nối hai biến trong html?

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

   
Concatenate multiple string variables in JavaScript.
   
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the  +  operator.
   
 
   
Concatenate the strings "Hello " "Programmers! " using the  $  operator.
   
 

   

0

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ố,

   
Concatenate multiple string variables in JavaScript.
   
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the  +  operator.
   
 
   
Concatenate the strings "Hello " "Programmers! " using the  $  operator.
   
 

   

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

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

Tự mình thử »

Tham gia hai chuỗi

let text1 = "Xin chào";
let text2 = "thế giới. ";
let result = text1. concat(" ", text2);

Tự mình thử »

Thêm ví dụ bên dưới

---

Định nghĩa và cách sử dụng

Phương thức

   
 Concatenate multiple string variables in JavaScript. 
   
 Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the  concat()  method. 
   
 

   

9 nối hai hoặc nhiều chuỗi

Phương thức

   
 Concatenate multiple string variables in JavaScript. 
   
 Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the  concat()  method. 
   
 

   

9 không thay đổi các chuỗi hiện có

Phương thức

   
 Concatenate multiple string variables in JavaScript. 
   
 Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the  concat()  method. 
   
 

9 trả về một chuỗi mới

---

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ợp

---

---

Thê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);

Tự mình thử »

---

Hỗ trợ trình duyệt

   
 Concatenate multiple string variables in JavaScript. 
   
 Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the  concat()  method. 
   
 

   

9 là một tính năng ECMAScript1 (ES1)

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

Làm cách nào để nối chuỗi trong HTML?

Làm cách nào để nối hai biến trong HTML góc cạnh?

Bạn có thể nối các biến?