Hàm push() trong JavaScript

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

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

Hàm push() trong JavaScript dùng để thêm một hoặc nhiều phần tử vào trong mảng, vị trí được thêm ở cuối mảng.

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

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

mang: Mảng cần thêm các phần tử vào vị trí cuối cùng của mảng.

"phantu1","phantu2","phantu3",.....: Thêm nhiều phần tử, phần tử một sẽ thêm trước, sau đó đến các phần tử phía sau theo thứ tự tăng dần.

Code Hàm push() trong JavaScript

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

mang.push("Hạ","Nhím");

for (var i = 0; i < mang.length; i++){ 
document.write(mang [i]+"<br>"); 
}
</script>

Kết quả:

Vân
Lực
Quỳnh
Dung
Hạ
Nhím

Chạy Thử

Những cách sử dụng hàm push() trong JavaScript

Hàm push() có thể áp dụng linh hoạt trong nhiều tình huống khi làm việc với mảng. Tùy vào dữ liệu cần bổ sung, bạn có thể thêm một phần tử hoặc nhiều phần tử trong cùng một lần gọi hàm. Việc hiểu đúng cách sử dụng giúp mã nguồn ngắn gọn và hạn chế phải xử lý mảng thủ công.

Thêm một phần tử vào cuối mảng

Cách dùng phổ biến nhất của push() là đưa một giá trị mới vào vị trí cuối cùng của mảng. Phần tử vừa thêm sẽ nằm sau toàn bộ dữ liệu hiện có, đồng thời mảng ban đầu được cập nhật trực tiếp.

const fruits = ["Táo", "Cam"];
fruits.push("Xoài");

console.log(fruits);

Kết quả nhận được là mảng gồm Táo, Cam, Xoài. Cách này phù hợp khi dữ liệu được bổ sung tuần tự, chẳng hạn thêm sản phẩm vào danh sách hoặc ghi nhận một giá trị mới vào tập dữ liệu.

Thêm nhiều phần tử cùng lúc vào mảng

Không cần gọi push() nhiều lần nếu muốn bổ sung nhiều giá trị. Bạn có thể truyền nhiều đối số trong cùng một lần gọi, các giá trị sẽ lần lượt được thêm vào cuối mảng theo đúng thứ tự được cung cấp.

const numbers = [10, 20];
numbers.push(30, 40, 50);

console.log(numbers);

Kết quả là mảng có các phần tử 10, 20, 30, 40, 50. Cách này đặc biệt hữu ích khi đã có sẵn một nhóm dữ liệu cần thêm vào cùng thời điểm, giúp mã nguồn rõ ràng hơn so với việc thực hiện nhiều câu lệnh riêng biệt.

Lưu ý khi sử dụng push() với mảng JavaScript

Điểm cần nhớ là push() làm thay đổi trực tiếp mảng ban đầu và trả về độ dài mới của mảng, không phải một mảng mới. Vì vậy, nếu gán kết quả của hàm vào một biến khác, cần hiểu rõ giá trị nhận được để tránh sử dụng sai.

const users = ["An", "Bình"];
const result = users.push("Cường");

console.log(result);
console.log(users);

Trong ví dụ trên, result nhận số lượng phần tử hiện tại của mảng sau khi thêm dữ liệu, còn users đã được cập nhật. Nếu mục tiêu là tạo một mảng mới mà không thay đổi mảng ban đầu, nên cân nhắc cách kết hợp toán tử spread hoặc các phương pháp xử lý mảng phù hợp.

Lời kết

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