Phương thức concat() trong JavaScript

• Trần Thị Vân
• 930
• 30/08/2025

Chức năng của Phương thức concat() trong JavaScript

Phương thức concat() trong JavaScript dùng để nối hai biến chuỗi lại với nhau hoặc nối nhiều biến chuỗi lại với nhau.

Cú pháp của Phương thức concat() trong JavaScript

Nối 2 biến chuỗi

var chuoimoi = chuoimot.concat('kytunoi',chuoihai);

kytunoi: Ký tự nối giữa các chuỗi.

chuoimot: Chuỗi một.

chuoihai: Chuỗi hai.

chuoimoi: Chuỗi mới.

Nối nhiều biến chuỗi

var chuoimoi = chuoimot.concat(chuoihai,chuoiba,chuoibon,......);

chuoimot: Chuỗi một.

chuoihai,chuoiba,chuoibon,......: Chuỗi hai, chuỗi ba, chuỗi bốn,.... và thêm nhiều chuỗi nữa.

chuoimoi: Chuỗi mới.

Code Phương thức concat() trong JavaScript

<script>
var strmot  = "Xin ";
var strhai  = "chào ";
var strba  = "quý ";
var strbon  = "khách ";

// Nối 4 biến chuỗi
document.write("<b>Nối 4 biến chuỗi</b><br>");
var chuoimoi = strmot.concat(strhai,strba,strbon);
document.write(chuoimoi);
document.write("<br>");

// Nối 2 biến chuỗi
document.write("<b>Nối 2 biến chuỗi</b><br>");
var chuoimot = "Xin";
var chuoihai = "chào";
var chuoimoi2 = chuoimot.concat(' ',chuoihai);
document.write(chuoimoi2);
document.write("<br>");

// Ngoài ra có thể dùng toán tử + để nối các biến chuỗi lại với nhau
document.write("<b>Ngoài ra có thể dùng toán tử + để nối các biến chuỗi lại với nhau</b><br>");
var bienmot = "Xin";
var bienhai = "chào";
var bienba = "quý";
var bienbon = "khách";
var biennoi = bienmot+" "+bienhai+" "+bienba+" "+bienbon;
document.write(biennoi);
</script>

Kết quả:

Nối 4 biến chuỗi
Xin chào quý khách
Nối 2 biến chuỗi
Xin chào
Ngoài ra có thể dùng toán tử + để nối các biến chuỗi lại với nhau
Xin chào quý khách

Chạy Thử

Những lưu ý khi sử dụng concat() trong JavaScript

Để sử dụng concat() đúng cách, cần hiểu rõ cách phương thức này tạo ra kết quả và xử lý các giá trị được truyền vào. Một vài lưu ý nhỏ sẽ giúp tránh nhầm lẫn khi thao tác với chuỗi trong JavaScript.

Phương thức concat() không làm thay đổi chuỗi ban đầu

concat() tạo ra một chuỗi mới từ chuỗi ban đầu và các giá trị được nối thêm. Chuỗi gốc vẫn giữ nguyên sau khi phương thức được thực thi.

Điều này đặc biệt quan trọng khi một biến đang được sử dụng ở nhiều vị trí khác nhau. Nếu muốn lưu kết quả nối vào biến, cần gán chuỗi mới cho biến đó thay vì kỳ vọng concat() tự cập nhật giá trị ban đầu.

concat() có thể nối nhiều giá trị trong một lần gọi

Không cần gọi concat() nhiều lần nếu cần nối nhiều phần nội dung. Phương thức này cho phép truyền đồng thời nhiều giá trị, giúp biểu thức ngắn gọn và dễ theo dõi hơn.

Cách sử dụng này phù hợp khi cần ghép một chuỗi với nhiều thành phần có nội dung xác định. Tuy nhiên, nếu thao tác nối quá phức tạp, nên tổ chức dữ liệu rõ ràng để mã nguồn dễ đọc và bảo trì.

Phân biệt concat() với toán tử + khi nối chuỗi

concat() và toán tử + đều có thể dùng để tạo chuỗi từ nhiều phần, nhưng cách sử dụng có sự khác biệt. concat() được thiết kế riêng cho thao tác nối chuỗi, trong khi + còn được sử dụng cho phép tính cộng nên hành vi của nó phụ thuộc vào kiểu dữ liệu của các toán hạng.

Khi chỉ cần nối một vài chuỗi đơn giản, toán tử + thường trực quan hơn. concat() có lợi thế khi muốn thể hiện rõ mục đích ghép chuỗi hoặc nối nhiều giá trị trong cùng một lần gọi.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức concat() trong JavaScript.