Làm cách nào bạn có thể kết hợp các chuỗi văn bản với JavaScript?

Cách thoải mái nhất để nối hai chuỗi trong JavaScript là sử dụng toán tử "+". Toán tử nối hoặc dán các chuỗi lại với nhau. Viết hai chuỗi và dấu "+" giữa chúng để thực hiện việc này

Nối chuỗi với toán tử "+"

let str1 = 'Hello';
let str2 = 'World';

console.log[str1 + str2];

// output: HelloWorld

Lưu ý rằng toán tử "+" không thêm bất kỳ thứ gì vào giữa hoặc sau các biến này. Do đó, để văn bản dễ đọc hơn, chúng ta cần sử dụng lại toán tử "+" để thêm dấu cách

Nối các chuỗi với dấu phân cách giữa chúng

let str1 = 'Hello';
let str2 = 'World';

console.log[str1 + ' ' + str2];

// output: Hello World

Bạn cũng có thể sử dụng cách tiếp cận đột biến bằng cách sử dụng toán tử "+="

Nối các chuỗi với toán tử "+="

let str = 'JavaScript';
str += ' Concatenation ' + 'Example'

console.log[str];

// output: JavaScript Concatenation Example

Nối chuỗi JavaScript bằng phương thức concat[]

JavaScript có một chuỗi tích hợp. concat[str1, str2,. ] phương thức nối hai hoặc nhiều chuỗi. Phương thức concat[] không thay đổi các chuỗi được cung cấp nhưng trả về một chuỗi mới chứa các chuỗi được nối. Phương thức concat[] hiếm khi được sử dụng vì nó tạo ra nhiều lỗi và hành vi không mong muốn hơn so với toán tử "+"

JavaScript concat[] Cú pháp

string.concat[str1, str2, ..., strX]

• str1, str2, strX. các chuỗi được kết nối

JavaScript concat[] Ví dụ

let str1 = 'JavaScript';
let str2 = 'Concatenation';
let str3 = 'Example';

console.log[str1.concat[' ', str2, ' ', str3]];

// output: JavaScript Concatenation Example

Làm cách nào để nối các phần tử mảng thành một chuỗi trong JavaScript?

Để nối các phần tử của một mảng thành một chuỗi trong JavaScript, bạn có thể sử dụng hàm array. tham gia [dấu phân cách]. Phương thức này nối các phần tử của một mảng và trả về một chuỗi. Phương thức lấy một dấu phân cách làm tham số. Nếu không chỉ định dấu phân cách, dấu phẩy "," được sử dụng theo mặc định

JavaScript tham gia [] Cú pháp

array.join[separator]

• dấu phân cách [tùy chọn]. dấu phân cách được sử dụng. Mặc định là dấu phẩy [,]

JavaScript nối các phần tử mảng thành một ví dụ về chuỗi

const arr = ['Washington', 'London', 'Madrid'];

console.log[arr.join[' ']];

// output: Washington London Madrid

Xem thêm

• Làm cách nào để chuyển đổi mảng thành chuỗi trong JavaScript?
• Làm cách nào để tách một chuỗi trong JavaScript?
• Làm cách nào để chèn các phần tử vào một mảng trong JavaScript?
• Làm cách nào để kiểm tra xem một chuỗi có chứa chuỗi con trong JavaScript không?
• Làm cách nào để lấy chuỗi con từ một chuỗi trong JavaScript?
• Làm cách nào để đảo ngược chuỗi trong JavaScript?

Các ví dụ và bài viết về API liên quan đến nối chuỗi Javascript

Làm cách nào để gửi yêu cầu POST bằng JavaScript?

Trong blog này, chúng ta hãy xem cách một người có thể nối chuỗi và các phương pháp khác nhau để thực hiện điều đó thông qua các ví dụ của từng loại

Mục lục

• Sử dụng phương thức concat[]
• Sử dụng toán tử +
• Sử dụng phương thức nối mảng []
• Sử dụng mẫu chữ
• Sự kết luận

Sử dụng phương thức concat[]

Như tên gợi ý, phương thức này nối hoặc hợp nhất hai chuỗi. Phương thức này không làm thay đổi chuỗi đầu vào/đã cho, thay vào đó, nó trả về một chuỗi mới có cả hai chuỗi đầu vào được nối với nhau

cú pháp

string.concat[string1, string2, ..., stringN];

Ở đây, các tham số string1, string2,. , chuỗi là các chuỗi được nối

Thí dụ

Một nhược điểm của việc sử dụng phương thức concat[] là tham số truyền vào chắc chắn phải là một chuỗi. Các tham số không phải chuỗi có thể được truyền cho phương thức này nhưng nó sẽ ném TypeError nếu chuỗi được truyền == null. Ngoài ra, các chuỗi trong JavaScript là bất biến, vì vậy concat[] không sửa đổi chuỗi tại chỗ.

Sử dụng toán tử +

Toán tử + giống như toán tử chúng ta sử dụng để cộng 2 số. Nó cũng có thể được sử dụng để nối các chuỗi trong JavaScript

let str = 'Hello';
str += ' ';
str += 'World';

//Output: Hello World

Người ta cũng có thể nối các chuỗi bằng toán tử + bằng cách sử dụng toán tử += tốc ký

let str1 = 'Hello';
let str2 = 'World';

console.log[str1 + ' ' + str2];

// output: Hello World

Sử dụng phương thức nối mảng []

Phương thức join[] dùng để nối tất cả các phần tử của mảng thành một chuỗi. Các phần tử sẽ được phân tách bằng dấu phân cách được chỉ định. Khi không chỉ định dấu phân cách, dấu phân cách mặc định là dấu phẩy [,]. Phương thức nối mảng [] không làm thay đổi mảng ban đầu

cú pháp

let str1 = 'Hello';
let str2 = 'World';

console.log[str1 + ' ' + str2];

// output: Hello World

Ở đây Dấu phân cách là một tham số tùy chọn

Thí dụ

let str1 = 'Hello';
let str2 = 'World';

console.log[str1 + ' ' + str2];

// output: Hello World

Sử dụng mẫu chữ

Chữ mẫu là chữ chuỗi cho phép nhúng biểu thức. Sử dụng các mẫu chữ này, người ta cũng có thể sử dụng các tính năng nội suy chuỗi và chuỗi nhiều dòng với chúng

Thí dụ

let str1 = 'Hello';
let str2 = 'World';

console.log[str1 + ' ' + str2];

// output: Hello World

Sự kết luận

Nếu chúng ta nhìn vào sự hỗ trợ của trình duyệt, Các phương thức concat[] và join[] được hỗ trợ bởi tất cả các trình duyệt hiện đại. Bây giờ câu hỏi chính là, phương pháp nào là tốt nhất để sử dụng? . Ví dụ: trên Chrome, nối chuỗi tiêu chuẩn nhanh hơn nối mảng nhưng trên Firefox thì ngược lại. Hãy nhìn vào điều này [https. //www. điểm trang web. blog com/javascript-fast-string-concatenation/] để biết số liệu hiệu suất chi tiết

Bạn có thể sử dụng cái nào để nối các chuỗi trong JavaScript?

Phương thức nào trong JavaScript được sử dụng để kết hợp văn bản của hai chuỗi và trả về một chuỗi mới?

Bạn có thể nối các số và chuỗi trong JavaScript không?