Hàm splice() trong JavaScript

• Trần Ngọc Thanh
• 26
• 22/08/2025

Hàm splice() trong JavaScript dùng để thêm, xóa, thay thế các phần tử trong một mảng, đồng thời cập nhật lại khóa (key) của các phần tử, chi tiết như nào hãy cùng chúng tôi phân tích:

Hàm splice() trong JavaScript

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

Hàm splice() trong JavaScript dùng để thêm, xóa, thay thế các phần tử trong một mảng, đồng thời cập nhật lại khóa (key) của các phần tử.

Code Hàm splice() trong JavaScript

Thêm 2 phần tử Dung, Hạ vào vị trí thứ 1

<script>
// Thêm 2 phần tử Dung, Hạ vào vị trí thứ 1
document.write("<b>Thêm 2 phần tử Dung, Hạ vào vị trí thứ 1</b><br>"); 
var mang  = new Array("Vân","Lực","Quỳnh");
mang.splice(1, 0, 'Dung', 'Hạ');
// Vòng lặp xem các phần tử còn lại trong mảng
mang.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
</script>

Kết quả:

Thêm 2 phần tử Dung, Hạ vào vị trí thứ 1
Vị trí 0: Vân
Vị trí 1: Dung
Vị trí 2: Hạ
Vị trí 3: Lực
Vị trí 4: Quỳnh

Xóa 2 phần tử bắt đầu từ vị trí số 1

<script>
// Xóa 2 phần tử bắt đầu từ vị trí số 1
document.write("<b>Xóa 2 phần tử bắt đầu từ vị trí số 1</b><br>"); 
var manghai  = new Array("Vân","Dung","Hạ","Lực","Quỳnh");
manghai.splice(1, 2);
// Vòng lặp xem các phần tử còn lại trong mảng
manghai.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
</script>

Kết quả:

Xóa 2 phần tử bắt đầu từ vị trí số 1
Vị trí 0: Vân
Vị trí 1: Lực
Vị trí 2: Quỳnh

Xóa 2 phần tử bắt đầu vị trí 1, đồng thời thêm các phần tử khác bắt đầu vị trí 1

<script>
// Xóa 2 phần tử bắt đầu vị trí 1, đồng thời thêm các phần tử khác bắt đầu vị trí 1
document.write("<b>Xóa 2 phần tử bắt đầu vị trí 1, đồng thời thêm các phần tử khác bắt đầu vị trí 1</b><br>"); 
var mangba  = new Array("Vân","Hạ","Quỳnh","Lực","Dung");
mangba.splice(1, 2, 'Cherry', 'Nhím');
// Vòng lặp xem các phần tử còn lại trong mảng
mangba.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
</script>

Kết quả:

Xóa 2 phần tử bắt đầu vị trí 1, đồng thời thêm các phần tử khác bắt đầu vị trí 1
Vị trí 0: Vân
Vị trí 1: Cherry
Vị trí 2: Nhím
Vị trí 3: Lực
Vị trí 4: Dung

Chạy Thử các trường hợp ở trên.

Lời kết

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