JavaScript shift() ลบ element ที่ตำแหน่งที่ระบุ และเลื่อน elements ที่เหลือขึ้นมา JavaScript unshift() function ทำตรงข้าม unshift() เพิ่ม element ใหม่ที่ตำแหน่งเฉพาะ และเลื่อน elements ที่เหลือลงในลิสต์
คุณอาจตัดสินใจอยากเพิ่มหรือลบ item ที่จุดเริ่มต้นของลิสต์ สมมติคุณทำลิสต์ top salespeople คุณจะอยากใส่ number-one top seller ที่จุดเริ่มต้นของลิสต์
นั่นคือที่มาของ JavaScript shift() และ unshift() functions shift() และ unshift() ใช้ลบและเพิ่ม items ที่จุดเริ่มต้นของลิสต์ตามลำดับ ฟังก์ชันเหล่านี้คล้าย push() function และ pop() function แต shift() และ unshift() รองรับแค่ลบและเพิ่ม items ที่จุดเริ่มต้นของลิสต์
บทช่วยสอนนี้จะสำรวจวิธีใช้ shift() และ unshift() ลบและเพิ่ม items ที่จุดเริ่มต้นของ array นอกจากนี้ เราจะเดินทางผ่านตัวอย่างของแต่ละฟังก์ชันใน JavaScript program
JavaScript shift
shift() เป็น built-in JavaScript function ที่ลบ element แรกออกจาก array ฟังก์ชัน shift() แก้ไข JavaScript array ที่คุณทำงานอยู่โดยตรง shift() คืนค่า item ที่คุณลบออกจาก array
shift() function ลบ item ที่ index position 0 และเลื่อนค่าที่ future index numbers ลงหนึ่ง ถ้าคุณจำวัตถุประสงค์ของ shift() function ไม่ได้ บอกตัวเองว่า:
shift() shifts ค่า index ใน array ลงหนึ่ง
shift() คืนค่า undefined ถ้าคุณใช้ shift() function บน empty list
Syntax สำหรับ JavaScript shift() function:
array_name.shift()
JavaScript array shift() function ไม่รับ parameters เพราะ shift() ทำหน้าที่เดียว shift() ลบ item จากปลาย array ถ้า shift() ให้ลบ item จากตำแหน่งไหนก็ได้ จะต้องมี parameter
Shift JavaScript Example
มาดูตัวอย่างอธิบายการทำงานของ shift() method
สมมติคุณเป็น manager ของ pharmaceutical sales team คุณอยาก compose ลิสต์ top salespeople ของเดือนนี้ เริ่มต้นด้วยลิสต์ top salespeople เดือนที่แล้ว คุณอยากลบ Mark จากจุดเริ่มต้นของลิสต์ Mark ไม่อยู่ในลิสต์เดือนที่แล้วเพราะเขาลาพักผ่อนสองสัปดาห์
เราสามารถใช้ shift() function ลบชื่อ Mark จากจุดเริ่มต้นของลิสต์ ตัวอย่าง shift() ใช้เพิ่ม Heather ที่จุดเริ่มต้นของ top salespeople list:
let top_salespeople = ['Mark', 'Lucy', 'Graham', 'Carol', 'Ann']; top_salespeople.shift(); console.log(top_salespeople);
โค้ดคืนค่า:
['Lucy', 'Graham', 'Carol', 'Ann']
มาอธิบายโค้ด บรรทัดแรก ประกาศ array "top_salespeople" เก็บ top salespeople ใน pharmaceutical sales team ต่อมา ใช้ shift() function ลบค่าแรกออกจากลิสต์ สุดท้าย ใช้ console.log() พิมพ์ revised list ไปที่ console
เห็นได้ว่า shift() function ลบ Mark ออกจากลิสต์ ที่อยู่ตำแหน่งแรก
top_salespeople array ไม่มี Mark แล้ว เพราะ shift() function เปลี่ยน original array มันไม่สร้าง array ใหม่พร้อม modifications ที่เราทำ
JavaScript unshift
JavaScript array unshift() function เพิ่มหนึ่งหรือหลาย elements ที่จุดเริ่มต้นของ array ฟังก์ชัน unshift() เปลี่ยน array และคืนค่าความยาวของ array ใหม่
Syntax สำหรับ unshift() function:
array_name.unshift(item_one, item_two, …)
unshift() function รับ parameters ได้เท่าที่คุณระบุ parameters ทั้งหมดจะถูกเพิ่มที่จุดเริ่มต้นของ array
Unshift JavaScript Example
มาดูตัวอย่างและอภิปรายการทำงานของ unshift() function
พนักงานชื่อ Hannah มีเดือนยอดเยี่ยมทีมขาย เธอเลื่อนขึ้นตำแหน่งที่ 1 ใน top salespeople list เราอยากเพิ่ม Hannah ที่ตำแหน่ง 1 ใน top_salespeople array ใช้โค้ดนี้:
let top_salespeople = ['Lucy', 'Graham', 'Carol', 'Ann']; top_salespeople.unshift('Hannah'); console.log(top_salespeople);
ตอนรันโค้ด response ต่อไปคืนค่าไปที่ console:
['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']
เห็นว่าชื่อ Hannah ถูกเพิ่มที่จุดเริ่มต้นของลิสต์ unshift() function ทำงานคล้าย shift() function แต่มีความต่างสองประการ: unshift() เพิ่ม item ที่จุดเริ่มต้นของลิสต์ และรับ item นั้นเป็น parameter
Sales team ขยายตัว สองพนักงานใหม่เลื่อนขึ้น top sales team ด้าน sales ในหนึ่งเดือน เราอยากเพิ่มพนักงานเหล่านี้เข้า top_salespeople list Geoff ควรอยู่จุดเริ่มต้น Peter ควรอยู่ลำดับสอง
โค้ดนี้อัปเดตลิสต์ top salespeople:
let top_salespeople = ['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']; top_salespeople.unshift('Geoff', 'Peter'); console.log(top_salespeople);
โค้ดคืนค่า:
['Geoff', 'Peter', 'Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']
ตัวอย่างโค้ดที่สองทำงานเหมือนตัวอย่างแรก มีความต่างหนึ่ง: ในตัวอย่างที่สอง เราระบุสอง parameters ใน unshift() function แทนหนึ่ง
เห็นได้ว่า parameters ถูกเพิ่มที่จุดเริ่มต้นของลิสต์ตามลำดับที่เราระบุ Geoff อยู่ first Peter อยู่ second
สรุป
shift() function ให้คุณลบ item จากจุดเริ่มต้นของ array unshift() function เพิ่มหนึ่งหรือหลาย items ที่จุดเริ่มต้นของ array
บทช่วยสอนนี้อภิปรายวิธีใช้ shift() และ unshift() functions จัดการ arrays ใน JavaScript เราเดินทางผ่าน JavaScript exercises สำหรับแต่ละฟังก์ชันในการทำงาน
