Học vài cách append mục vào mảng với JavaScript
Để append mục vào mảng, bạn có thể dùng phương thức push() của JavaScript hoặc concat(), tùy ngữ cảnh. Cả hai do JavaScript Array object cung cấp.
Sẽ chỉ cách và lý do dùng cả hai thực tế.
Thêm một mục đơn lẻ vào mảng
Thêm rau vào danh sách (mảng) rau hiện có:
const vegetables = ["broccoli", "onion", "spinach"] vegetables.push("carot")In kết quả:
console.log(vegetables) // ["broccoli", "onion", "spinach", "carot"]Lưu ý: mảng vegetables đã bị sửa đổi.
Thêm nhiều mục vào mảng
Thêm nhiều mục cũng dùng push(), thêm nhiều argument, tách bằng dấu phẩy:
const vegetables = ["broccoli", "onion", "spinach"] vegetables.push("carot", "green beans", "kale")Lưu ý: mảng vegetables đã bị sửa đổi.
Sửa mảng gốc vs mảng mới / push() vs concat()
Như ghi chú, push() sửa đổi mảng gốc. Nếu muốn tạo mới mảng dựa trên gốc, thêm mục mới vào đó, dùng concat() của JavaScript Array:
const vegetables = ["broccoli", "onion", "spinach"] const newVegetables = vegetables.concat("carot")In cả hai biến:
console.log(vegetables) // ["broccoli", "onion", "spinach"] console.log(newVegetables) // ["broccoli", "onion", "spinach", "carot", "green beans", "kale"]Thấy mảng vegetables gốc không đổi, newVegetables chứa bản sao vegetables + carot thêm bằng concat().
concat() hoạt động tương tự nhiều mục, tách bằng dấu phẩy như push() trước:
const vegetables = ["broccoli", "onion", "spinach"] const newVegetables = vegetables.concat("carot", "green beans", "kale")Tóm lại:
Quan trọng không nhầm lẫn hai phương pháp mảng, nhắc lại cuối:
push()sửa đổi mảng gốcconcat()trả về (tạo) mảng mới