วิธีเพิ่มวัตถุลงในอาร์เรย์ใน JavaScript
วิธีที่ง่ายที่สุดในการเพิ่มอ็อบเจ็กต์หรือองค์ประกอบประเภทอื่นๆ ลงในอาร์เรย์ JavaScript คือการจัดทำดัชนี คุณสามารถกำหนดวัตถุให้กับดัชนีของอาร์เรย์ได้ และหากมีรายการอยู่แล้วในนั้น วัตถุนั้นจะถูกแทนที่ด้วยวัตถุใหม่:
ให้obj = { 'ชื่อ' : “จอห์น โด” , 'ไอดี' : 3 } ;ปล่อยให้ arr = [ { 'ชื่อ' : “ริชาร์ด โร” , 'ไอดี' : 1 } , { 'ชื่อ' : 'จอห์นสมิ ธ' , 'ไอดี' : สอง } ] ;
arr [ สอง ] = วัตถุ ;
คอนโซล บันทึก ( arr ) ;
วิธีนี้ค่อนข้างง่าย แต่ยากที่จะทราบดัชนีและขนาดของอาร์เรย์ ดังนั้นเราจึงต้องหาวิธีการอื่นที่สามารถใช้เพื่อเพิ่มวัตถุลงในอาร์เรย์ได้ วิธีที่รู้จักกันดีสะดวกและใช้งานง่ายที่สุดคือ ดัน() , ยกเลิกการเปลี่ยน () และ ประกบ() . ฟังก์ชันการทำงานแตกต่างกันเล็กน้อย แต่สามารถใช้วิธีการใดก็ได้ มาดูกันว่าสิ่งเหล่านี้แตกต่างกันอย่างไร:
array.push() เมธอด
array.push() วิธีการรับองค์ประกอบเป็นพารามิเตอร์และเพิ่มไปยังจุดสิ้นสุดของอาร์เรย์และส่งกลับขนาดใหม่ของอาร์เรย์:
ให้obj = { 'ชื่อ' : “จอห์น โด” , 'ไอดี' : 3 } ;
ปล่อยให้ arr = [ { 'ชื่อ' : “ริชาร์ด โร” , 'ไอดี' : 1 } , { 'ชื่อ' : 'จอห์นสมิ ธ' , 'ไอดี' : สอง } ] ;
ร. ดัน ( วัตถุ ) ;
คอนโซล บันทึก ( arr ) ;
array.unshift() เมธอด
ฟังก์ชัน array.unshift() เป็นสิ่งที่ตรงกันข้ามกับวิธีการพุช เนื่องจากจะเพิ่มองค์ประกอบที่จุดเริ่มต้นของอาร์เรย์ คล้ายกับวิธีการพุช สามารถใช้องค์ประกอบอย่างน้อยหนึ่งองค์ประกอบเป็นพารามิเตอร์ และเพิ่มลงในอาร์เรย์ได้:
ให้obj = { 'ชื่อ' : “ริชาร์ด โร” , 'ไอดี' : 1 } ;ปล่อยให้ arr = [ { 'ชื่อ' : 'จอห์นสมิ ธ' , 'ไอดี' : สอง } , { 'ชื่อ' : “จอห์น โด” , 'ไอดี' : 3 } ] ;
ร. unshift ( วัตถุ ) ;
คอนโซล บันทึก ( arr ) ;
array.splice() วิธีการ
วิธี array.splice() จะแตกต่างกันเล็กน้อย เนื่องจากสามารถใช้ได้ทั้งการลบและแทรกองค์ประกอบจากดัชนีที่กำหนด ต้องใช้สามอาร์กิวเมนต์ ดัชนี ไม่มีองค์ประกอบที่จะลบ และองค์ประกอบใหม่ที่จะเพิ่ม:
ให้obj = { 'ชื่อ' : “จอห์น โด” , 'ไอดี' : 3 } ;ปล่อยให้ arr = [ { 'ชื่อ' : “ริชาร์ด โร” , 'ไอดี' : 1 } , { 'ชื่อ' : 'จอห์นสมิ ธ' , 'ไอดี' : สอง } ] ;
ร. ประกบ ( สอง , 0 , วัตถุ )
คอนโซล บันทึก ( arr ) ;
เราได้ให้ 0 เป็นพารามิเตอร์ตัวที่ 2 เนื่องจากเราไม่ต้องการลบองค์ประกอบใด ๆ ออกจากอาร์เรย์ที่มีอยู่
วิธีการที่เป็นประโยชน์เพิ่มเติม
JavaScript ยังมีวิธีการที่เป็นประโยชน์อื่นๆ อีกมากในการจัดการอาร์เรย์ อ็อบเจ็กต์ และอ็อบเจ็กต์ที่อยู่ในอาร์เรย์ array.apply() และ array.concat() เป็นสองฟังก์ชันที่อาจเป็นประโยชน์ในกรณีของเรา
สามารถใช้เมธอด array.apply() เพื่อรวมเนื้อหาของอาร์เรย์ ดังนั้น หากคุณมีสองอาร์เรย์ที่แตกต่างกันซึ่งมีอ็อบเจ็กต์ และคุณต้องการเพิ่มออบเจ็กต์ของอาร์เรย์หนึ่งไปยังอีกอาร์เรย์หนึ่ง คุณไม่จำเป็นต้องทำด้วยตนเองทีละรายการ คุณสามารถใช้เมธอด apply() ได้ นอกจากนี้ หากคุณต้องการสร้างอาร์เรย์ใหม่จากเนื้อหาของอาร์เรย์ที่มีอยู่ คุณสามารถใช้ฟังก์ชัน concat() ได้
บทสรุป
สามารถใช้เมธอด push, unshift และ splice เพื่อเพิ่มอ็อบเจ็กต์ในอาร์เรย์ JavaScript วิธีพุชจะเพิ่มออบเจ็กต์ที่ส่วนท้าย เมธอด unshift เพิ่มออบเจ็กต์ที่จุดเริ่มต้น และวิธีการต่อเชื่อมจะเพิ่มที่ดัชนีที่กำหนดของอาร์เรย์ วิธีการทั้งหมดเหล่านี้ได้รับการอธิบายอย่างกว้างขวางในคู่มือข้างต้น