Hàm join() trong JavaScript

• Trần Thị Vân
• 1111
• 22/08/2025

Chức năng của Hàm join() trong JavaScript

Hàm join() trong JavaScript dùng để nối các phần tử trong mảng thành một chuỗi, các phần tử nối với nhau bằng một ký tự, bạn có thể để ký tự là một khoảng trắng học dấu gạch ngang hoặc dấu gì đó cũng được.

Cú pháp của Hàm join() trong JavaScript

var chuoi = mang.join("kytu");

kytu: Ký tự nối các phần tử.

mang: Mảng.

chuoi: Chuỗi trả về.

Code Hàm join() trong JavaScript

<script>
var mang  = new Array("Hạ","Vân","Lực","Quỳnh","Dung");
var chuoi = mang.join("-");
document.write(chuoi);
</script>

Kết quả:

Hạ-Vân-Lực-Quỳnh-Dung

Ký hiệu trong dấu nháy kép được tùy chỉnh theo ý bạn.

Chạy Thử

Các tình huống thực tế khi sử dụng join()

Trong JavaScript, join() phát huy hiệu quả khi dữ liệu đang ở dạng mảng nhưng cần chuyển thành một chuỗi hoàn chỉnh để hiển thị, lưu trữ hoặc truyền sang phần xử lý khác. Tùy mục đích, bạn có thể chọn ký tự phân cách phù hợp thay vì ghép từng phần tử bằng nhiều phép nối chuỗi.

Ghép dữ liệu mảng thành chuỗi để hiển thị

Một trường hợp phổ biến là biến danh sách phần tử thành nội dung dễ đọc. Chẳng hạn, mảng chứa các kỹ năng có thể được ghép bằng dấu phẩy trước khi đưa vào giao diện:

const skills = ["HTML", "CSS", "JavaScript"];
const result = skills.join(", ");

console.log(result);

Kết quả nhận được là một chuỗi duy nhất với các phần tử được ngăn cách bởi ", ". Cách này phù hợp khi cần tạo danh sách ngắn, thông tin mô tả hoặc nội dung được tạo động từ dữ liệu.

Xử lý mảng có giá trị rỗng khi dùng join()

Không phải mảng nào cũng chứa dữ liệu đầy đủ. Khi gặp phần tử rỗng, join() vẫn giữ vị trí của phần tử đó nhưng không tạo ra nội dung tương ứng. Điều này có thể làm chuỗi kết quả xuất hiện các khoảng phân cách liên tiếp.

const values = ["Web", "", "Mới"];
const result = values.join(" - ");

console.log(result);

Nếu muốn kết quả gọn hơn, nên lọc dữ liệu trước khi gọi join(). Đây là cách hữu ích khi mảng được tạo từ dữ liệu người dùng hoặc nguồn dữ liệu có thể chứa giá trị không hợp lệ.

const values = ["Web", "", "Mới"];
const result = values.filter(value => value !== "").join(" - ");

console.log(result);

Kết hợp join() với các phương thức xử lý mảng khác

join() thường không hoạt động độc lập mà được kết hợp với các phương thức như map(), filter() hoặc toUpperCase() để xử lý dữ liệu trước khi ghép. Cách kết hợp này giúp tách rõ hai bước: chuẩn hóa dữ liệu và tạo chuỗi kết quả.

const users = ["an", "binh", "chi"];

const result = users
  .filter(name => name)
  .map(name => name.toUpperCase())
  .join(", ");

console.log(result);

Trong ví dụ trên, filter() loại bỏ dữ liệu không cần thiết, map() chuẩn hóa tên thành chữ in hoa, sau đó join() ghép toàn bộ kết quả thành một chuỗi. Đây là cách sử dụng linh hoạt khi xử lý danh sách dữ liệu trong JavaScript.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Hàm join() trong JavaScript.