JavaScript shift() ลบองค์ประกอบในตำแหน่งที่ระบุและเลื่อนองค์ประกอบที่เหลือขึ้น ฟังก์ชัน JavaScript unshift() ทำสิ่งที่ตรงกันข้าม unshift() เพิ่มองค์ประกอบใหม่ในตำแหน่งเฉพาะและเลื่อนองค์ประกอบที่เหลือลงในรายการ
คุณอาจตัดสินใจว่าคุณต้องการเพิ่มหรือลบรายการที่จุดเริ่มต้นของรายการ สมมติว่าคุณสร้างรายชื่อพนักงานขายอันดับต้นๆ คุณต้องการแทรกสินค้าขายดีอันดับหนึ่งที่จุดเริ่มต้นของรายการ
นั่นคือสิ่งที่ JavaScript shift() และ unshift() ฟังก์ชั่นเข้ามา shift() และ unshift() ใช้เพื่อลบและเพิ่มรายการไปยังจุดเริ่มต้นของรายการตามลำดับ ฟังก์ชันเหล่านี้คล้ายกับฟังก์ชัน push() และ pop() ฟังก์ชัน แม้ว่า shift() และ unshift() รองรับเฉพาะการลบและเพิ่มรายการในตอนต้นของรายการเท่านั้น
บทแนะนำนี้จะศึกษาวิธีใช้ shift() และ unshift() เพื่อลบและเพิ่มรายการไปยังจุดเริ่มต้นของอาร์เรย์ นอกจากนี้ เราจะพูดถึงตัวอย่างของแต่ละฟังก์ชันเหล่านี้ในโปรแกรม JavaScript
จาวาสคริปต์กะ
shift() เป็นฟังก์ชัน JavaScript ในตัวที่ลบองค์ประกอบแรกออกจากอาร์เรย์ shift() ฟังก์ชั่นแก้ไขอาร์เรย์ JavaScript ที่คุณใช้งานอยู่โดยตรง shift() คืนค่ารายการที่คุณลบออกจากอาร์เรย์
shift() ฟังก์ชั่นลบรายการที่ตำแหน่งดัชนี 0 และเลื่อนค่าที่หมายเลขดัชนีในอนาคตลงหนึ่ง หากคุณมีปัญหาในการจำจุดประสงค์ของ shift() ฟังก์ชั่น บอกตัวเองว่า:
shift() เปลี่ยน ค่าดัชนีในอาร์เรย์ลดลงหนึ่งค่า
shift() ส่งคืน ไม่ได้กำหนด หากคุณใช้ shift() ฟังก์ชั่นในรายการว่าง
81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้
ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก
นี่คือไวยากรณ์สำหรับ JavaScript shift() ฟังก์ชัน:
array_name.shift()
อาร์เรย์ JavaScript shift() ฟังก์ชั่นไม่มีพารามิเตอร์ นี่เป็นเพราะ shift() ทำหน้าที่เดียวเท่านั้น shift() ลบรายการออกจากส่วนท้ายของอาร์เรย์ หาก shift() ให้คุณลบรายการออกจากตำแหน่งใด ๆ ก็จำเป็นต้องมีพารามิเตอร์
Shift JavaScript ตัวอย่าง
มาดูตัวอย่างเพื่ออธิบายว่า shift() . เป็นอย่างไร วิธีการทำงาน
สมมติว่าคุณเป็นผู้จัดการทีมขายยา คุณต้องการเขียนรายชื่อพนักงานขายอันดับต้นๆ ของเดือนนี้ ในการเริ่มต้น คุณมีรายชื่อพนักงานขายอันดับต้นๆ ของเดือนที่แล้ว คุณต้องการลบเครื่องหมายออกจากจุดเริ่มต้นของรายการ มาร์คไม่ได้ทำรายการเมื่อเดือนที่แล้วเพราะเขาไปพักร้อนมาสองสัปดาห์
เราสามารถใช้ shift() ฟังก์ชันลบชื่อมาร์คที่จุดเริ่มต้นของรายการ นี่คือตัวอย่าง shift() ใช้เพื่อเพิ่ม Heather ลงในรายการพนักงานขายอันดับต้น ๆ:
ให้ top_salespeople =['Mark', 'Lucy', 'Graham', 'Carol', 'Ann'];top_salespeople.shift();console.log(top_salespeople);
รหัสของเราส่งคืน:
['Lucy', 'Graham', 'Carol', 'Ann']
มาอธิบายว่าเกิดอะไรขึ้นในโค้ดของเรา ในบรรทัดแรก เราประกาศอาร์เรย์ชื่อ “top_salespeople ” ซึ่งเก็บพนักงานขายอันดับต้น ๆ ในทีมขายยา จากนั้น เราใช้ shift() ฟังก์ชันลบค่าแรกออกจากรายการ สุดท้าย เราใช้ console.log() เพื่อพิมพ์รายการแก้ไขไปยังคอนโซล
อย่างที่คุณเห็น shift() ฟังก์ชั่นลบ Mark ออกจากรายการซึ่งปรากฏตัวในตำแหน่งแรก
top_salespeople อาร์เรย์ไม่มี Mark อีกต่อไป นี่เป็นเพราะว่า shift() ฟังก์ชั่นเปลี่ยนอาร์เรย์เดิม มันไม่ได้สร้างอาร์เรย์ใหม่ด้วยการปรับเปลี่ยนที่เราได้ทำ
ไม่เปลี่ยนจาวาสคริปต์
อาร์เรย์ JavaScript unshift() ฟังก์ชันเพิ่มองค์ประกอบตั้งแต่หนึ่งองค์ประกอบขึ้นไปที่จุดเริ่มต้นของอาร์เรย์ unshift() ฟังก์ชั่นเปลี่ยนอาร์เรย์และส่งกลับความยาวของอาร์เรย์ใหม่
นี่คือไวยากรณ์สำหรับ unshift() ฟังก์ชัน:
array_name.unshift(item_one, item_two, …)
unshift() ฟังก์ชันรับพารามิเตอร์ได้มากตามที่คุณระบุ พารามิเตอร์เหล่านี้ทั้งหมดจะถูกเพิ่มเข้าไปที่จุดเริ่มต้นของอาร์เรย์
เลิกกะตัวอย่าง JavaScript
มาดูตัวอย่างและอภิปรายว่า unshift() . เป็นอย่างไร ฟังก์ชั่นใช้งานได้จริง
พนักงานที่ชื่อ Hannah มีเดือนที่ยอดเยี่ยมในทีมขายของเรา เธอก้าวขึ้นสู่ตำแหน่งที่ 1 ในรายชื่อพนักงานขายชั้นนำ เราต้องการเพิ่ม Hannah ในตำแหน่งที่ 1 ใน top_salespeople . ของเรา อาร์เรย์ เราสามารถใช้รหัสต่อไปนี้เพื่อทำงานนี้ให้สำเร็จ:
ให้ top_salespeople =['Lucy', 'Graham', 'Carol', 'Ann'];top_salespeople.unshift('Hannah');console.log(top_salespeople); เมื่อเรารันโค้ดของเรา การตอบสนองต่อไปนี้จะถูกส่งไปยังคอนโซล:
['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']
อย่างที่คุณเห็น ชื่อของฮันนาห์ถูกเพิ่มไว้ที่จุดเริ่มต้นของรายการของเรา unshift() ฟังก์ชั่นทำงานในลักษณะเดียวกับ shift() ฟังก์ชัน แต่มีความแตกต่างสองประการ:unshift() เพิ่มรายการไปที่จุดเริ่มต้นของรายการ และยอมรับรายการนั้นเป็นพารามิเตอร์
ทีมขายของเราได้รับการขยาย พนักงานใหม่ของเราสองคนสามารถก้าวขึ้นสู่อันดับต้น ๆ ของทีมขายในแง่ของยอดขายในเวลาเพียงเดือนเดียว เราต้องการเพิ่มพนักงานเหล่านี้ใน top_salespeople . ของเรา รายการ. เจฟฟ์ควรปรากฏขึ้นที่จุดเริ่มต้นของรายการ และปีเตอร์ควรปรากฏขึ้นที่สอง
รหัสนี้อัพเดทรายชื่อนักขายอันดับต้น ๆ:
ให้ top_salespeople =['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann'];top_salespeople.unshift('Geoff', 'Peter');console.log(top_salespeople);
รหัสของเราส่งคืน:
['Geoff', 'Peter', 'Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']
โค้ดตัวอย่างที่สองนี้ทำงานในลักษณะเดียวกับตัวอย่างแรกของเรา มีความแตกต่างอย่างหนึ่ง ในตัวอย่างที่สอง เราได้ระบุพารามิเตอร์สองตัวใน unshift() ฟังก์ชั่นแทนหนึ่ง.
อย่างที่คุณเห็น พารามิเตอร์เหล่านี้ถูกเพิ่มไปยังจุดเริ่มต้นของรายการของเราตามลำดับที่เราระบุ เจฟฟ์ปรากฏตัวก่อนและปีเตอร์ปรากฏตัวที่สอง
บทสรุป
shift() ฟังก์ชันช่วยให้คุณลบรายการออกจากจุดเริ่มต้นของอาร์เรย์ได้ unshift() ฟังก์ชั่นเพิ่มหนึ่งรายการขึ้นไปที่จุดเริ่มต้นของอาร์เรย์
บทช่วยสอนนี้อธิบายวิธีใช้ทั้ง shift() และ unshift() ฟังก์ชันเพื่อจัดการอาร์เรย์ใน JavaScript เราได้ศึกษาแบบฝึกหัด JavaScript สำหรับแต่ละฟังก์ชันเหล่านี้ในการดำเนินการ
