เรียนรู้สองสามวิธีในการผนวกรายการเข้ากับอาร์เรย์ด้วย JavaScript
หากต้องการผนวกรายการเข้ากับอาร์เรย์ คุณสามารถใช้ push() . ของ JavaScript เมธอดหรือ concat() วิธีการขึ้นอยู่กับบริบท ทั้งสองวิธีมีให้โดยวัตถุ JavaScript Array
ฉันจะแสดงให้คุณเห็นถึงวิธีการและเหตุผลในการใช้ทั้งสองวิธีในทางปฏิบัติ
ผนวกรายการเดียวเข้ากับอาร์เรย์
มาผนวกผักเข้ากับรายการ (อาร์เรย์) ของผักที่มีอยู่:
const vegetables = ["broccoli", "onion", "spinach"]
vegetables.push("carot")ตอนนี้คุณสามารถพิมพ์ผลลัพธ์:
console.log(vegetables)
// ["broccoli", "onion", "spinach", "carot"]
หมายเหตุ:vegetables อาร์เรย์ได้รับการแก้ไข
ผนวกหลายรายการเข้ากับอาร์เรย์
หากต้องการผนวกหลายรายการต่อท้ายอาร์เรย์ คุณยังสามารถใช้ push() คุณเพียงแค่เพิ่มหลายอาร์กิวเมนต์ โดยคั่นด้วยเครื่องหมายจุลภาค:
const vegetables = ["broccoli", "onion", "spinach"]
vegetables.push("carot", "green beans", "kale")
หมายเหตุ:vegetables อาร์เรย์ได้รับการแก้ไข
ปรับเปลี่ยน Array กับ New Array / push() vs. concat()
ตามที่ระบุไว้ข้างต้น push() วิธีการแก้ไขอาร์เรย์เดิม หากคุณต้องการสร้าง ใหม่ . แทน อาร์เรย์ตามต้นฉบับ และต่อท้ายรายการใหม่ จากนั้นใช้ JavaScript Array concat() วิธีการ:
const vegetables = ["broccoli", "onion", "spinach"]
const newVegetables = vegetables.concat("carot")ตอนนี้ให้ลองพิมพ์ทั้งสองตัวแปร:
console.log(vegetables)
// ["broccoli", "onion", "spinach"]
console.log(newVegetables)
// ["broccoli", "onion", "spinach", "carot", "green beans", "kale"]
และจะเห็นได้ว่าต้นตำรับvegetables อาร์เรย์ ไม่เปลี่ยนแปลง และ newVegetables มีสำเนาของ vegetables อาร์เรย์ + carot เราเพิ่มเข้าไปด้วย concat() วิธีการ
concat() วิธีใช้งานได้เหมือนกันกับหลายรายการ คุณแค่คั่นด้วยเครื่องหมายจุลภาค เช่นเดียวกับที่คุณทำกับ push() ตัวอย่างก่อนหน้านี้:
const vegetables = ["broccoli", "onion", "spinach"]
const newVegetables = vegetables.concat("carot", "green beans", "kale")โดยสรุป:
สิ่งสำคัญคือต้องไม่สับสนระหว่างสองวิธีของอาร์เรย์ ดังนั้นนี่คือการเตือนครั้งสุดท้าย:
push()แก้ไขอาร์เรย์เดิมconcat()ส่งคืน (สร้าง) อาร์เรย์ใหม่
