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
Phương thức
string1.concat[ string2, string3, string4 ];5 được sử dụng để hợp nhất hai hoặc nhiều mảng. Phương thức này không thay đổi các mảng hiện có mà thay vào đó trả về một mảng mới
Thử nó
cú pháp
concat[]
concat[value0]
concat[value0, value1]
concat[value0, value1, /* … ,*/ valueN]
Thông số
string1.concat[ string2, string3, string4 ];6 Tùy chọn
Mảng và/hoặc giá trị để nối thành một mảng mới. Nếu tất cả các tham số
string1.concat[ string2, string3, string4 ];6 bị bỏ qua,
const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
1 trả về một bản sao nông của mảng hiện có mà nó được gọi. Xem mô tả bên dưới để biết thêm chi tiếtGiá trị trả về
Phiên bản
const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
2 mớiSự mô tả
Phương thức
const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
1 tạo một mảng mới. Đầu tiên, mảng sẽ được điền bởi các phần tử trong đối tượng mà nó được gọi. Sau đó, đối với mỗi đối số, giá trị của nó sẽ được nối vào mảng — đối với các đối tượng bình thường hoặc đối số nguyên thủy, chính đối số sẽ trở thành một phần tử của mảng cuối cùng; . Phương thức const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
1 không lặp lại thành các đối số mảng lồng nhauPhương pháp
string1.concat[ string2, string3, string4 ];5 là một phương pháp sao chép. Nó không làm thay đổi
const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
7 hoặc bất kỳ mảng nào được cung cấp dưới dạng đối số mà thay vào đó trả về một bản sao nông chứa các phần tử giống như các phần tử từ các mảng ban đầuPhương thức
string1.concat[ string2, string3, string4 ];5 bảo tồn các vị trí trống nếu bất kỳ mảng nguồn nào thưa thớt
Phương pháp
string1.concat[ string2, string3, string4 ];5 là chung chung. Giá trị
const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
7 được xử lý theo cách tương tự như các đối số khác [ngoại trừ nó sẽ được chuyển đổi thành một đối tượng trước], có nghĩa là các đối tượng đơn giản sẽ được thêm trực tiếp vào mảng kết quả, trong khi các đối tượng giống như mảng với 41 trung thực sẽ được đưa vào
Concatenate multiple string variables in JavaScript.
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.
Concatenate the strings "Hello " "Programmers! " using the $ operator.
ví dụ
Nối hai mảng
Đoạn mã sau nối hai mảng
const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
Nối ba mảng
Đoạn mã sau nối ba mảng
4
Concatenate multiple string variables in JavaScript.
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.
Concatenate the strings "Hello " "Programmers! " using the $ operator.
Nối các giá trị vào một mảng
Đoạn mã sau nối ba giá trị thành một mảng
7
Concatenate multiple string variables in JavaScript.
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.
Concatenate the strings "Hello " "Programmers! " using the $ operator.
Nối các mảng lồng nhau
Đoạn mã sau nối các mảng lồng nhau và thể hiện việc lưu giữ các tham chiếu
8
Concatenate multiple string variables in JavaScript.
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.
Concatenate the strings "Hello " "Programmers! " using the $ operator.
Nối các đối tượng giống như mảng với Biểu tượng. isConcatSpreadable
Theo mặc định,
const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
1 không coi tất cả các đối tượng giống như mảng là mảng — chỉ khi const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
4 được đặt thành giá trị trung thực [e. g. 44]
Concatenate multiple string variables in JavaScript.
Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.
Concatenate the strings "Hello " "Programmers! " using the $ operator.
string1.concat[ string2, string3, string4 ];2
Sử dụng concat[] trên các mảng thưa thớt
Nếu bất kỳ mảng nguồn nào thưa thớt, thì mảng kết quả cũng sẽ thưa thớt
string1.concat[ string2, string3, string4 ];3
Gọi concat[] trên các đối tượng không phải mảng
Nếu giá trị
const letters = ["a", "b", "c"];
const numbers = [1, 2, 3];
const alphaNumeric = letters.concat[numbers];
console.log[alphaNumeric];
// results in ['a', 'b', 'c', 1, 2, 3]
7 không phải là một mảng, nó sẽ được chuyển đổi thành một đối tượng và sau đó được xử lý giống như các đối số của string1.concat[ string2, string3, string4 ];5. Trong trường hợp này, giá trị trả về luôn là một mảng mới đơn giản