วิธีการป๊อปอัพอาร์เรย์ JavaScript ที่เรียกว่าเป็นหนึ่งในวิธีการอาร์เรย์หลายวิธีที่สามารถใช้เพื่อจัดการข้อมูลในอาร์เรย์ นักพัฒนาเว็บใช้มันในยามที่พวกเขาต้องการทำอะไรบางอย่างกับอาร์เรย์ที่สั้นลงหรือกับองค์ประกอบที่โผล่ออกมา มาเรียนรู้วิธีการใช้งาน:
ไวยากรณ์
ไวยากรณ์สำหรับวิธีนี้ค่อนข้างตรงไปตรงมา ตามคำจำกัดความ เมธอด pop จะลบองค์ประกอบสุดท้ายในอาร์เรย์แล้วส่งคืน:
let frozen = [ "Anna", "Elsa", "Olaf", "Kristoff", "Sven" ]; let popped = frozen.pop();
หากคุณต้องพิมพ์รหัสนี้ลงในคอนโซลของเว็บเบราว์เซอร์ (*ดูหมายเหตุด้านล่างหากคุณไม่ทราบวิธีดำเนินการ) และ console.log (แช่แข็ง) และ console.log (โผล่มา) อะไรจะเกิดขึ้น?
Frozen จะกลับมาเป็นอาร์เรย์ที่มีองค์ประกอบน้อยกว่าหนึ่งองค์ประกอบและป๊อปอัปจะเป็นองค์ประกอบที่ถูกลบออกจากอาร์เรย์:
* หมายเหตุด้านข้าง:วิธีเข้าถึงคอนโซล JavaScript ใน Chrome/Firefox/Safari:
Chrome/Firefox: ใน Chrome ให้คลิกขวาที่หน้านี้ เลือก 'ตรวจสอบ' คุณจะเห็นป๊อปเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome เปิดขึ้น ที่ด้านบนควรมีชุดแท็บที่นำทางได้ Firefox คล้ายกัน แต่คุณจะเลือก 'ตรวจสอบองค์ประกอบ' คลิกที่คอนโซลและพื้นที่ทำงานของคุณจะอยู่ที่นั่น
ซาฟารี: หากคุณใช้ Safari คุณจะต้องเปิดใช้งานเมนู "นักพัฒนา" โดยเปิด Safari เบราว์เซอร์ คลิกที่ Safari แล้วไปที่ 'การตั้งค่า' คลิกที่ 'ขั้นสูง' ทำเครื่องหมายที่ช่องทำเครื่องหมาย 'แสดงเมนูพัฒนาในแถบเมนู' ปิด 'การตั้งค่า' จากนั้นคลิกที่ 'พัฒนา' ในแถบเมนู เลือก 'แสดงคอนโซล JavaScript'
ตอนนี้คุณควรจะพิมพ์ข้อมูลในตัวอย่างด้านบนได้แล้ว (หรือคิดตัวอย่างของคุณเองก็ได้!) เมื่อสร้างทั้งตัวแปรที่ตรึงและป๊อปอัปแล้ว console.log ทั้งคู่เพื่อดูผลกระทบที่โค้ดมีต่อองค์ประกอบ
วิธีป๊อปเปลี่ยนความยาวของอาร์เรย์ คุณสามารถใช้ได้นานเท่าความยาวของอาร์เรย์ เมื่อมีอาร์เรย์ว่าง วิธีการยังคงสามารถดำเนินการได้ (เช่นในนั้นจะไม่เกิดข้อผิดพลาดหรืออะไรเลย) แต่องค์ประกอบที่โผล่ขึ้นมาจะส่งคืน 'undefined'
81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้
ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก
บทสรุป
วิธีอาร์เรย์ป๊อปเปิดโอกาสให้ใช้ในตรรกะที่เราต้องลบรายการสุดท้ายออกจากอาร์เรย์แล้วทำอะไรกับมัน นี่คือสิ่งที่ตรงกันข้ามกับวิธีการพุช ซึ่งเพิ่มบางสิ่งที่ส่วนท้ายของอาร์เรย์ และเปรียบได้กับวิธีการ shift ซึ่งนำองค์ประกอบออกจากด้านหน้าของอาร์เรย์และส่งคืนองค์ประกอบนั้น
