Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

JavaScript Pop Method: คืออะไรและใช้อย่างไร

เมธอด 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() ที่นำรายการหน้าอาเรย์ออก