Hàm unshift() trong JavaScript

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

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

Hàm unshift() trong JavaScript dùng để thêm một hoặc nhiều phần tử vào vị trí đầu tiên của một mảng đồng thời cũng sắp xếp lại khóa (key) của mảng đó.

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

mang.unshift("phantu1","phantu2", "phantu3",....);

mang: Mảng cần thêm phần tử.

"phantu1","phantu2", "phantu3",....: Thêm được nhiều phần tử, Số thứ tự tăng dần, phần tử đầu tiên là khóa (key) 1, phần tử thứ 2 là khóa (key) 2,.....

Code Hàm unshift() trong JavaScript

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

// mang.unshift() thêm các phần tử vào vị trí đầu tiên của mảng
mang.unshift("Nhím","Cherry");

// Sử dụng vòng lặp xem lại khóa(key) và giá trị của mảng sau khi thêm
mang.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
</script>

Kết quả:

Vị trí 0: Nhím
Vị trí 1: Cherry
Vị trí 2: Vân
Vị trí 3: Lực
Vị trí 4: Quỳnh
Vị trí 5: Dung

Chạy Thử

Khi nào nên dùng hàm unshift() trong JavaScript?

Trường hợp nên dùng unshift() để thêm phần tử

unshift() phù hợp khi cần đưa một hoặc nhiều phần tử lên đầu mảng mà vẫn giữ nguyên các phần tử đang có. Cách này hữu ích khi dữ liệu mới luôn cần được ưu tiên xử lý hoặc hiển thị trước dữ liệu cũ.

Ví dụ, khi xây dựng danh sách thông báo mới nhất, phần tử vừa nhận có thể được thêm vào vị trí đầu tiên để người dùng thấy ngay mà không cần tạo một mảng mới.

const notifications = ["Thông báo 2", "Thông báo 3"];

notifications.unshift("Thông báo 1");

console.log(notifications);

Sau khi thực hiện, "Thông báo 1" nằm ở đầu mảng, còn thứ tự của các thông báo trước đó vẫn được duy trì. Đây là lựa chọn trực quan khi yêu cầu của chương trình là thêm dữ liệu mới vào trước dữ liệu hiện có.

Lưu ý khi thêm nhiều phần tử bằng unshift()

Khi truyền nhiều giá trị vào unshift(), các giá trị được thêm vào đầu mảng nhưng vẫn giữ nguyên thứ tự giữa chúng. Vì vậy, giá trị nằm đầu tiên trong danh sách đối số sẽ trở thành phần tử đầu tiên của mảng sau khi thêm.

const numbers = [4, 5, 6];

numbers.unshift(1, 2, 3);

console.log(numbers);

Kết quả là mảng có thứ tự 1, 2, 3, 4, 5, 6. Điểm cần chú ý là không nên hiểu thao tác này theo cách mỗi giá trị được chèn độc lập vào vị trí đầu tiên, bởi JavaScript xử lý nhóm đối số để tạo thành thứ tự như trên.

Nếu cần thêm nhiều phần tử cùng lúc, truyền trực tiếp các giá trị vào unshift() thường rõ ràng hơn so với gọi phương thức nhiều lần. Điều này cũng giúp đoạn mã ngắn gọn và dễ kiểm tra hơn.

Lời kết

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