- ลบรายการออกจากอาร์เรย์โดยใช้วิธี splice() ใน JavaScript
- ลบรายการออกจากอาร์เรย์โดยใช้วิธี filter() ใน JavaScript
วิธีที่ 1: ลบรายการออกจากอาร์เรย์ด้วยค่าโดยใช้วิธี splice() ใน JavaScript
ใน JavaScript วิธีการในตัว array.splice() ใช้เพื่อลบรายการออกจากอาร์เรย์ เมธอดส่งคืนอาร์เรย์ใหม่โดยลบค่าของรายการซึ่งส่งผ่านดัชนี จุดประสงค์ของการใช้วิธีนี้คือการเขียนทับอาร์เรย์โดยการเพิ่มหรือลบรายการออกจากอาร์เรย์ มาพูดถึงไวยากรณ์กัน
ไวยากรณ์
อาร์เรย์ ประกบ ( ใน , หนึ่ง , รายการ )
พารามิเตอร์อธิบายไว้ดังนี้:
- ใน: ระบุหมายเลขดัชนีเพื่อลบรายการ
- ในหนึ่ง: หมายถึงจำนวนที่จะลบออก
- รายการ: อ้างถึงการเพิ่มรายการในอาร์เรย์
รหัส
const arr = [ { หนึ่ง : 5 } , { หนึ่ง : 10 } , { หนึ่ง : สิบห้า } ] ;
const idxObj = ร. findIndex ( วัตถุ => {
กลับ วัตถุ. หนึ่ง === 10 ;
} ) ;
ร. ประกบ ( idxObj , 1 ) ;
คอนโซล บันทึก ( arr ) ;
รหัสบรรยายการลบรายการที่มี หนึ่ง ค่าคือ 10 . ในรหัสนี้ the arr.splice() ใช้วิธีการลบรายการโดยผ่าน idxObj ดัชนีจาก arr อาร์เรย์ สุดท้าย อาร์เรย์ใหม่จะแสดงโดยใช้เครื่องหมาย console.log() กระบวนการ.
เอาท์พุต
ผลลัพธ์จะส่งกลับอาร์เรย์ใหม่ที่มีความยาวเท่ากับ 2 ในอาร์เรย์ใหม่นี้ รายการที่มีมูลค่าเท่ากับ 10 จะถูกลบออกผ่าน arr.splice() วิธีการในจาวาสคริปต์
วิธีที่ 2: ลบรายการออกจากอาร์เรย์โดยใช้วิธี filter() ใน JavaScript
ดิ กรอง() มีการใช้เมธอดในการกรองอาร์เรย์ตามเกณฑ์ที่ระบุ ในวิธีนี้ ผู้ใช้สามารถระบุค่าสำหรับการลบรายการในอาร์เรย์ ดิ กรอง() วิธีการวนซ้ำองค์ประกอบที่มีอยู่ในอาร์เรย์ นอกจากนี้,
ไวยากรณ์
อาร์เรย์ กรอง ( การทำงาน ( curVal , idx , arr ) , ค่านี้ )คำอธิบายของพารามิเตอร์มีดังนี้
- การทำงาน: แสดงถึงฟังก์ชันการโทรกลับ
- เส้นโค้ง: ระบุค่าองค์ประกอบปัจจุบัน
- idx: หมายถึงดัชนีองค์ประกอบปัจจุบัน
- arr: แสดงถึงอาร์เรย์
ตัวอย่าง
ตัวอย่างใช้เพื่อลบรายการออกจากอาร์เรย์โดยส่งค่าใน JavaScript
รหัส
const arr = [{ ชื่อ : 'แฮร์รี่' , แสดง : 'คริกเก็ต' } ,
{ ชื่อ : 'จอห์น' , แสดง : 'ฟุตบอล' } ,
{ ชื่อ : 'แต่งงาน' , แสดง : 'ฮอกกี้' } ,
{ ชื่อ : 'บ๊อบ' , แสดง : 'วิ่ง' } ,
] ;
คอนโซล บันทึก ( arr ) ;
เรม = ร. กรอง ( arr => ร. ชื่อ != 'แฮร์รี่' ) ;
คอนโซล บันทึก ( เรม ) ;
รหัสอธิบายไว้ด้านล่าง:
- ประการแรก อาร์เรย์ arr ถูกสร้างขึ้นโดยการจัดเก็บสิ่งของต่างๆ เช่น ชื่อ และ แสดง .
- หลังจากนั้น กรอง() ใช้วิธีผ่านเงื่อนไข arr.name!='แฮร์รี่' .
- ในที่สุด console.log() มีการใช้เมธอดเพื่อแสดงอาร์เรย์ใหม่
เอาท์พุต
ผลลัพธ์ของรหัสส่งคืนอาร์เรย์ใหม่โดยลบรายการเฉพาะที่มีค่าเท่ากับ ' แฮร์รี่ ”
บทสรุป
สองวิธีในตัว array.splice() และ array.filter() มีการใช้เมธอดเพื่อลบรายการออกจากอาร์เรย์ใน JavaScript ใน array.splice() เมธอด ค่าดัชนีของรายการจะถูกส่งต่อเพื่อลบรายการที่ระบุในอาร์เรย์ ดิ array.filter() วิธีการถูกใช้เพื่อกรองอาร์เรย์ที่มีอยู่โดยใช้เงื่อนไข ทั้งสองวิธีนี้มีประโยชน์ในการจัดการกับหลาย ๆ รายการเพื่อประหยัดเวลาและความพยายามสำหรับนักพัฒนาและผู้ใช้ ในบทความนี้ คุณได้เรียนรู้วิธีลบรายการออกจากอาร์เรย์โดยการส่งผ่านค่าใน JavaScript .