บทความนี้จะอธิบายขั้นตอนในการผนวกค่าเข้ากับอาร์เรย์
จะเพิ่มค่าให้กับ Array ใน JavaScript ได้อย่างไร?
สำหรับการผนวกค่ากับอาร์เรย์ คุณสามารถใช้วิธีการที่กำหนดไว้ล่วงหน้าของ JavaScript ที่ระบุด้านล่าง:
- push() วิธีการ
- unshift() วิธีการ
- ประกบ() วิธีการ
มาทำความเข้าใจวิธีการเหล่านี้อย่างละเอียด
วิธีที่ 1: ผนวกค่ากับอาร์เรย์โดยใช้วิธี push()
สำหรับการผนวกค่ากับอาร์เรย์ “ ดัน() ” เป็นวิธีที่ใช้กันมากที่สุด มันเพียงแค่ผลักองค์ประกอบเข้าไปในอาร์เรย์หรือเราสามารถพูดได้ว่าผนวกองค์ประกอบที่ส่วนท้ายของอาร์เรย์
ไวยากรณ์
ทำตามไวยากรณ์ที่กำหนด:
Array . ดัน ( 'ธาตุ' ) ;
ที่นี่ “ ธาตุ ” กำลังจะถูกผลักใน “ Array ” ด้วยความช่วยเหลือของ “ ดัน() ' กระบวนการ.
ตัวอย่าง
ขั้นแรกเราจะสร้างอาร์เรย์ชื่อ “ ดอกไม้ ”:
ให้ดอกไม้ = [ 'ดอกกุหลาบ' , 'ลิลลี่' , 'จัสมิน' ] ;
เราจะพิมพ์องค์ประกอบของอาร์เรย์ที่สร้างขึ้นบนคอนโซลโดยใช้ ' console.log() ' กระบวนการ:
คอนโซล บันทึก ( ดอกไม้ ) ;จากนั้นเราจะเพิ่มองค์ประกอบ “ ทิวลิป ” ในอาร์เรย์ “ ดอกไม้ ” โดยใช้วิธี push() :
ดอกไม้. ดัน ( 'ทิวลิป' ) ;สุดท้ายเราจะพิมพ์อาร์เรย์ที่อัปเดต ' ดอกไม้ ” หลังจากเพิ่มองค์ประกอบเข้าไปแล้ว:
คอนโซล บันทึก ( ดอกไม้ ) ;ดังที่คุณเห็นในผลลัพธ์ที่องค์ประกอบ “ ทิวลิป ” ถูกเพิ่มในอาร์เรย์ของเราเรียบร้อยแล้ว:
หากคุณต้องการเพิ่มองค์ประกอบที่จุดเริ่มต้นของอาร์เรย์ ให้ดูส่วนถัดไป
วิธีที่ 2: ผนวกค่ากับ Array โดยใช้ unshift() Method
คุณยังสามารถใช้ “ ยกเลิกการเปลี่ยน () ” วิธีการต่อท้ายค่าให้กับอาร์เรย์ มันผนวกค่าที่จุดเริ่มต้นของอาร์เรย์
ไวยากรณ์
ใช้ไวยากรณ์ที่กำหนดเพื่อต่อท้ายค่าที่ตำแหน่งเริ่มต้นของอาร์เรย์โดยใช้วิธี unshift()
ตัวอย่าง
เราจะพิจารณาอาร์เรย์เดียวกันกับที่สร้างขึ้นในตัวอย่างก่อนหน้านี้ที่ชื่อว่า “ ดอกไม้ ” ตอนนี้เราจะเพิ่มองค์ประกอบ ' ทิวลิป ” ที่จุดเริ่มต้นของอาร์เรย์โดยใช้วิธีการ “unshift()”:
สุดท้ายเราจะพิมพ์อาร์เรย์ “ ดอกไม้ ” บนคอนโซล:
คอนโซล บันทึก ( ดอกไม้ ) ;ผลลัพธ์บ่งชี้ว่าองค์ประกอบ “ ทิวลิป ” ถูกเพิ่มสำเร็จที่จุดเริ่มต้นของอาร์เรย์:
มาดูวิธีถัดไปในการเพิ่มองค์ประกอบที่อยู่ตรงกลางของอาร์เรย์
วิธีที่ 3: ผนวกค่ากับ Array โดยใช้ splice() Method
อีกวิธีหนึ่งใช้เพื่อผนวกองค์ประกอบในอาร์เรย์ที่เรียกว่า “ ประกบ() ' กระบวนการ. เพิ่มองค์ประกอบที่อยู่ตรงกลางของอาร์เรย์ที่คุณต้องการ ใช้พารามิเตอร์สามตัวเป็นอาร์กิวเมนต์
ไวยากรณ์
ทำตามไวยากรณ์ที่ให้ไว้ด้านล่างสำหรับเมธอด splice():
ที่นี่ “ ดัชนี ” คือตำแหน่งที่ควรเพิ่มองค์ประกอบใหม่ “ deleteCount ” บอกจำนวนองค์ประกอบที่ควรลบออก และ “ ธาตุ ” เป็นค่าที่จะเพิ่มในอาร์เรย์
ตัวอย่าง
ตอนนี้เราจะเพิ่มองค์ประกอบ ' ทิวลิป ” ที่ดัชนีที่ 1 ของอาร์เรย์ ในรหัสต่อไปนี้ “ 1 ” คือดัชนีของอาร์เรย์ที่จะวางองค์ประกอบ และ “ 0 ” ระบุว่าไม่จำเป็นต้องลบองค์ประกอบออกจากอาร์เรย์:
พิมพ์อาร์เรย์ต่อท้ายบนคอนโซล:
คอนโซล บันทึก ( ดอกไม้ ) ;คุณสามารถเห็นในผลลัพธ์ที่องค์ประกอบ “ ทิวลิป ” ถูกวางไว้ที่ดัชนีที่ 1 ของอาร์เรย์สำเร็จแล้ว:
เรารวบรวมวิธีการทั้งหมดเพื่อเพิ่มค่าให้กับอาร์เรย์ใน JavaScript
บทสรุป
สำหรับการต่อท้ายค่าให้กับอาร์เรย์ คุณสามารถใช้เมธอดที่กำหนดไว้ล่วงหน้าของ JavaScript รวมถึงเมธอด push() เมธอด unshift() และเมธอด splice() วิธีการ unshift() สามารถใช้เพื่อแทรกองค์ประกอบใหม่ที่จุดเริ่มต้นของอาร์เรย์ สามารถใช้วิธีการ push() เพื่อแทรกองค์ประกอบใหม่ที่ส่วนท้าย และวิธีการ splice() สามารถใช้เพื่อแทรกองค์ประกอบใหม่ องค์ประกอบที่อยู่ตรงกลางของอาร์เรย์ บทความนี้อธิบายขั้นตอนในการผนวกค่าเข้ากับอาร์เรย์