Hàm pop() trong JavaScript

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

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

Hàm pop() trong JavaScript dùng để xóa phần tử cuối cùng trong mảng đồng thời cũng trả về giá trị của phần tử vừa xóa xong.

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

mang.pop();

mang: Mảng cần xóa phần tử cuối cùng.

Code Hàm pop() trong JavaScript

<script>
var mang  = new Array("Vân","Lực","Quỳnh","Dung");

// mang.pop() xóa phần tử cuối cùng
document.write("Phần tử bị xóa là: "+mang.pop()+"<br>"); 

// Vòng lặp xem các phần tử còn lại trong mảng
for (var i = 0; i < mang.length; i++){ 
document.write(mang [i]+"<br>"); 
}
</script>

Kết quả:

Phần tử bị xóa là: Dung
Vân
Lực
Quỳnh

Chạy Thử

Khi nào nên sử dụng hàm pop() trong JavaScript?

pop() phù hợp khi cần loại bỏ phần tử nằm ở cuối mảng và đồng thời lấy lại giá trị của phần tử vừa xóa. Cách này đặc biệt hữu ích khi dữ liệu được xử lý tuần tự từ cuối về đầu thay vì phải xác định vị trí của từng phần tử.

Xóa phần tử cuối mảng khi không cần giữ lại dữ liệu

Khi phần tử cuối không còn cần thiết, pop() giúp loại bỏ trực tiếp phần tử đó khỏi mảng. Phương thức này làm thay đổi mảng ban đầu, vì vậy nên sử dụng khi việc cập nhật dữ liệu gốc là chủ đích.

let products = ["Laptop", "Chuột", "Bàn phím"];
products.pop();

console.log(products);

Sau khi thực hiện, phần tử Bàn phím được loại khỏi mảng. Nếu cần giữ nguyên mảng ban đầu, nên tạo một mảng mới thay vì gọi pop() trực tiếp.

Kết hợp pop() để xử lý dữ liệu theo nguyên tắc LIFO

pop() rất phù hợp với mô hình LIFO, trong đó phần tử được thêm vào sau cùng sẽ được xử lý trước. Đây là nguyên tắc thường gặp khi xây dựng cấu trúc stack, chẳng hạn như lịch sử thao tác hoặc danh sách công việc cần xử lý theo thứ tự ngược.

let tasks = ["Task 1", "Task 2", "Task 3"];

let lastTask = tasks.pop();

console.log(lastTask);

Trong ví dụ này, Task 3 được lấy ra trước vì đây là phần tử được thêm vào cuối mảng. Cách kết hợp push() để thêm và pop() để lấy phần tử cuối giúp mảng hoạt động tương tự một stack đơn giản.

Lưu ý khi sử dụng pop() với mảng rỗng

Nếu gọi pop() trên một mảng không còn phần tử, JavaScript không phát sinh lỗi mà trả về undefined. Vì vậy, khi giá trị lấy ra được sử dụng cho bước xử lý tiếp theo, nên kiểm tra mảng trước nếu trường hợp rỗng có thể xảy ra.

let items = [];

let item = items.pop();

console.log(item);

Kết quả là undefined. Điều này đặc biệt cần lưu ý khi pop() được dùng trong vòng lặp hoặc trong logic xử lý dữ liệu, bởi chương trình có thể tiếp tục chạy nhưng nhận phải một giá trị không tồn tại.

Lời kết

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