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

• Trần Thị Vân
• 984
• 31/08/2025

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

Phương thức split() trong JavaScript dùng để cắt một chuỗi thành một mảng thông qua ký tự cần cắt trong chuỗi: khoảng trắng, dấu gạch ngang, dấu phẩy, ký tự chữ,.... kết quả trả về một mảng mà không làm thay đổi chuỗi gốc.

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

var mangmoi =  chuoigoc.split("kytucancat");

chuoigoc: Chuỗi gốc.

kytucancat: Ký tự cần cắt.

mangmoi: Mảng mới.

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

<!DOCTYPE html>
<html>
<head>
<title>Code Phương thức split() trong JavaScript</title>
</head>
<body>
<script>
// Cắt chuỗi thành mảng, chia cắt bằng dấu cách " "
document.write('<b>//Cắt chuỗi thành mảng, chia cắt bằng dấu cách " "</b><br>');
var chuoimot = "Web Mới Xin Chào Quý Khách";
var mangmot =  chuoimot.split(" ");
mangmot.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
// Cắt chuỗi thành mảng, chia cắt bằng dấu gạch ngang "-"
document.write('<b>// Cắt chuỗi thành mảng, chia cắt bằng dấu gạch ngang "-"</b><br>');
var chuoihai = "Web-Mới-Xin-Chào-Quý-Khách";
var manghai =  chuoihai.split("-");
manghai.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
// Cắt chuỗi thành mảng, chia cắt bằng chuỗi rỗng
document.write('<b>// Cắt chuỗi thành mảng, chia cắt bằng chuỗi rỗng</b><br>');
var chuoiba = "WEB";
var mangba =  chuoiba.split("");
mangba.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
</script>
</body>
</html>

Kết quả:

//Cắt chuỗi thành mảng, chia cắt bằng dấu cách " "
Vị trí 0: Web
Vị trí 1: Mới
Vị trí 2: Xin
Vị trí 3: Chào
Vị trí 4: Quý
Vị trí 5: Khách
// Cắt chuỗi thành mảng, chia cắt bằng dấu gạch ngang "-"
Vị trí 0: Web
Vị trí 1: Mới
Vị trí 2: Xin
Vị trí 3: Chào
Vị trí 4: Quý
Vị trí 5: Khách
// Cắt chuỗi thành mảng, chia cắt bằng chuỗi rỗng
Vị trí 0: W
Vị trí 1: E
Vị trí 2: B

Chạy Thử

Cách sử dụng split() trong JavaScript hiệu quả

Phương thức split() không chỉ dùng để tách một chuỗi thành mảng. Khi kết hợp đúng với tham số giới hạn và dấu phân cách, bạn có thể xử lý nhiều dạng dữ liệu từ chuỗi một cách gọn gàng, chẳng hạn như tách từ, lấy một phần nội dung hoặc phân tích dữ liệu theo từng thành phần.

Sử dụng split() với tham số giới hạn số phần tử

Tham số thứ hai của split() cho phép giới hạn số phần tử được tạo ra trong mảng kết quả. Điều này hữu ích khi bạn chỉ cần lấy một số phần dữ liệu nhất định thay vì xử lý toàn bộ chuỗi.

const text = "JavaScript HTML CSS React";
const result = text.split(" ", 2);

console.log(result);

Kết quả là mảng gồm hai phần tử đầu tiên. Tham số giới hạn không thay đổi chuỗi ban đầu mà chỉ kiểm soát số phần tử được trả về.

Ứng dụng split() để xử lý dữ liệu từ chuỗi

split() thường được dùng khi dữ liệu đầu vào được lưu dưới dạng chuỗi nhưng cần chuyển thành từng phần riêng biệt để tiếp tục xử lý. Ví dụ, bạn có thể tách danh sách từ dấu phẩy, lấy từng từ trong câu hoặc phân chia một chuỗi theo ký tự cụ thể.

const keywords = "javascript,html,css";
const result = keywords.split(",");

console.log(result);

Cách này giúp biến chuỗi dữ liệu thành mảng, từ đó có thể kết hợp với các phương thức khác của JavaScript để lọc, tìm kiếm hoặc biến đổi từng phần tử.

Những lưu ý khi sử dụng phương thức split()

• split() tạo ra một mảng mới và không làm thay đổi chuỗi ban đầu.
• Nếu không truyền dấu phân cách, toàn bộ chuỗi thường được giữ thành một phần tử duy nhất.
• Dấu phân cách phải phù hợp với dữ liệu thực tế; chỉ cần khác ký tự hoặc khoảng trắng cũng có thể khiến kết quả không như mong muốn.
• Khi sử dụng tham số giới hạn, cần xác định rõ số phần tử thực sự cần lấy để tránh bỏ sót dữ liệu.
• Với chuỗi rỗng hoặc dữ liệu có nhiều dấu phân cách liên tiếp, nên kiểm tra kết quả trả về trước khi tiếp tục xử lý.

Lời kết

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