เมธอด pop() ของอาเรย์ JavaScript เป็นหนึ่งในเมธอดหลายตัวที่จัดการข้อมูลในอาเรย์ นักพัฒนาเว็บใช้เมื่อต้องการนำเอาองค์ประกอบสุดท้ายออกจากอาเรย์ และอาจจะนำค่าที่ถูกนำออกไปใช้งานต่อ
ไวยากรณ์
ไวยากรณ์ตรงไปตรงมา โดยนิยาม pop() นำองค์ประกอบสุดท้ายออกจากอาเรย์และคืนค่าองค์ประกอบนั้นออกมา:
let frozen = ["Anna", "Elsa", "Olaf", "Kristoff", "Sven"]; let popped = frozen.pop();
หากพิมพ์โค้ดนี้ใน browser console แล้ว console.log(frozen) และ console.log(popped) จะได้:
frozen: อาเรย์เหลือ 4 ตัว (หาย "Sven")popped: ค่า "Sven" ที่ถูกนำออก
วิธีเปิด JavaScript Console
Chrome/Firefox: คลิกขวาที่หน้าเว็บ → Inspect (Chrome) / Inspect Element (Firefox) → แท็บ Console
Safari: Safari → Preferences → Advanced → تیک "Show Develop menu in menu bar" → Develop → Show JavaScript Console
รายละเอียดเพิ่มเติม
pop() เปลี่ยนความยาวของอาเรย์ ใช้ได้เรื่อยๆ จนอาเรย์ว่าง หากอาเรย์ว่างแล้ว เรียก pop() ไม่ได้ error แต่คืนค่า undefined
สรุป
เมธอด pop() เปิดโอกาสให้ใช้ใน logic ที่ต้องการนำรายการสุดท้ายออกจากอาเรย์และนำค่านั้นไปใช้ต่อ ตรงข้ามกับ push() ที่เพิ่มรายการท้ายอาเรย์ และคล้าย shift() ที่นำรายการหน้าอาเรย์ออก