ส่วนใหญ่แล้วไม่มีความจำเป็นในการจัดการอาร์เรย์ที่เกิดขึ้นจากที่ไหนเลย มีวิธีการต่างๆสำหรับการปรับแต่งดังกล่าวซึ่งหนึ่งในนั้นรวมถึงวิธีการลบองค์ประกอบ ในบทความนี้ฉันจะแนะนำคุณเกี่ยวกับวิธีการต่างๆในการลบองค์ประกอบออกจากอาร์เรย์ใน . ต่อไปนี้เป็นคำแนะนำที่บทความนี้จะเน้น
- วิธีการป๊อป
- วิธีการเปลี่ยน
- วิธีการประกบ
- Splice สำหรับช่วงขององค์ประกอบ
- ลบองค์ประกอบตามค่า
- ลบช่วงขององค์ประกอบตามค่า
- วิธีการกรองอาร์เรย์
ให้เราเริ่มต้นจากนั้น
การลบองค์ประกอบออกจากอาร์เรย์ใน JavaScript
วิธีการป๊อป
วิธีการ pop () จะลบองค์ประกอบออกจากส่วนท้ายของอาร์เรย์เหมือนกับสแต็ก ในทางกลับกันวิธีการ push () จะเพิ่มองค์ประกอบที่ส่วนท้ายของอาร์เรย์วิธีการใช้แนวคิดของ LIFO (Last-In-First-Out)
['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']
โค้ดจะลบองค์ประกอบสุดท้ายในอาร์เรย์เช่น“ Jazz”วิธี push () จะต่อท้ายองค์ประกอบกลับไปที่อาร์เรย์
วิธีการเปลี่ยน: การลบองค์ประกอบจากอาร์เรย์ใน JavaScript
shift () วิธีการลบองค์ประกอบจากจุดเริ่มต้นของอาร์เรย์ ในทางกลับกันวิธี unshift () จะเพิ่มองค์ประกอบกลับไปที่จุดเริ่มต้นของอาร์เรย์
['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']
โค้ดจะลบองค์ประกอบแรกเช่น Rock ออกจากอาร์เรย์เมื่อใช้วิธี unshift () 'Rock' จะถูกเพิ่มกลับไปที่อาร์เรย์
วิธีการประกบ
วิธีการ splice () จะลบเฉพาะหรือบางส่วนของอาร์เรย์มันพิสูจน์ได้ว่าเป็นวิธีการที่ชาญฉลาดในการลบแทนที่หรือเพิ่มองค์ประกอบในอาร์เรย์
['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // เริ่มต้นที่ตำแหน่งดัชนี 2 ลบองค์ประกอบหนึ่งรายการ ['Rock', 'Metal', 'Jazz'] .splice (2,2) // เริ่มต้นที่ตำแหน่งดัชนี 2 ลบสององค์ประกอบ ['Rock', 'Metal']
ในตัวอย่างข้างต้นวิธีการ slice จะลบองค์ประกอบตามดัชนีที่ระบุ
“ บลูส์” ถูกนำออกจากตัวอย่างแรกเนื่องจากวางไว้ที่ดัชนี 2
วิธีใช้สไปรต์ css
ในตัวอย่างที่สององค์ประกอบ 2 รายการ ได้แก่ 'Blues' และ 'Jazz' จะถูกลบออกเนื่องจากดัชนีระบุว่าต้องลบ 2 องค์ประกอบเริ่มต้นที่ดัชนี 2
ต้องสังเกตว่าอาร์เรย์ถูกจัดทำดัชนีเป็นศูนย์ใน JavaScript
บทความนี้เกี่ยวกับการลบองค์ประกอบจากอาร์เรย์ใน JavaScript
Splice สำหรับช่วงขององค์ประกอบ
เป็นไปได้ที่จะลบองค์ประกอบที่ต่อเนื่องกันโดยใช้วิธี splice ():
แปลงไบนารีเป็นจาวาทศนิยม
['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (0, 2) // เริ่มต้นที่ตำแหน่งดัชนี 0 ลบสององค์ประกอบ ['Blues', 'Jazz']
รหัสจะลบค่าที่กล่าวถึงในวิธีการต่อสาย
ลบองค์ประกอบตามค่า: การลบองค์ประกอบจากอาร์เรย์ใน JavaScript,
เราสามารถค้นหาองค์ประกอบโดยใช้ splice () และลบออกติดต่อกันวิธีนี้สามารถจับคู่กับคำสั่ง indexOf () ซึ่งส่งคืนดัชนีแรกที่สามารถพบองค์ประกอบที่กำหนดได้ หากไม่พบองค์ประกอบจะส่งกลับ -1 เป็นเอาต์พุต
ในตัวอย่างต่อไปนี้เราจะลบองค์ประกอบ“ บลูส์”:
['Rock', 'Metal', 'Blues', 'Jazz'] // ค้นหาตำแหน่งดัชนีของ 'Blues' และลบองค์ประกอบหนึ่งรายการออกจาก position list.splice (list.indexOf ('Blues'), 1)
โค้ดจะลบองค์ประกอบ 'บลูส์' หลังจากค้นหาตำแหน่งดัชนีขององค์ประกอบ
ลบช่วงขององค์ประกอบตามค่า
JavaScript ช่วยให้เราสามารถลบองค์ประกอบหลายรายการออกจากอาร์เรย์ได้
['Rock', 'Metal', 'Blues”,“ Blues', 'Jazz'] สำหรับ (var i = list.length-1 i -) รายการ {if (list [i] === 'Blues') .splice (i, 1)} ['Rock', 'Metal', 'Jazz']
รหัสนี้จะลบเหตุการณ์ที่เกิดขึ้นทั้งหมดขององค์ประกอบ“ บลูส์”
ให้เราเริ่มต้นด้วยส่วนสุดท้ายของบทความนี้เกี่ยวกับการลบองค์ประกอบจากอาร์เรย์ใน JavaScript
วิธีการกรองอาร์เรย์
แทนที่จะเปลี่ยนอาร์เรย์ที่ถูกเรียกใช้ filter () จะสร้างอาร์เรย์ใหม่มีพารามิเตอร์เดียวที่เรียกว่าวิธีการโทรกลับ วิธีการโทรกลับจะถูกทริกเกอร์เมื่อวิธีการกรองวนซ้ำบนองค์ประกอบของอาร์เรย์
ส่งค่าสามค่าไปยังการเรียกกลับ
- ค่าปัจจุบัน
- ดัชนีอาร์เรย์ปัจจุบัน
- อาร์เรย์เต็มรูปแบบ
ส่งคืนค่าสองค่า: จริงหรือเท็จ องค์ประกอบที่ส่งคืนจริงจะถูกเพิ่มลงในอาร์เรย์ใหม่ที่สร้างโดยตัวกรอง ()
คลาส pojo ใน java คืออะไร
var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] var filtered = array.filter (function (value, index, arr) {return value> 4}) // filtered = > [5,6, 7, 8, 9]
อาร์เรย์ที่กรองประกอบด้วยองค์ประกอบที่พิสูจน์ได้ว่าเป็นจริง
การลบองค์ประกอบออกจากอาร์เรย์อาจเป็นเรื่องที่น่าเบื่อ แต่อันที่จริงแล้ววิธีการเหล่านี้มีประสิทธิภาพและเป็นประโยชน์มากที่สุด
ด้วยเหตุนี้เราจึงมาถึงจุดสิ้นสุดของบล็อกนี้ในเรื่อง 'การลบองค์ประกอบจากอาร์เรย์ใน JavaScript' ฉันหวังว่าคุณจะพบข้อมูลนี้และเป็นประโยชน์โปรดติดตามบทช่วยสอนเพิ่มเติมในหัวข้อที่คล้ายกันนอกจากนี้คุณยังสามารถชำระเงินโปรแกรมการฝึกอบรมของเราได้o รับความรู้เชิงลึกเกี่ยวกับ jQuery พร้อมกับแอพพลิเคชั่นต่างๆที่คุณทำได้ สำหรับการฝึกอบรมออนไลน์สดพร้อมการสนับสนุนตลอด 24 ชั่วโมงทุกวันและการเข้าถึงตลอดชีวิต
มีคำถามสำหรับเรา? พูดถึงพวกเขาในส่วนความคิดเห็นของบล็อกนี้แล้วเราจะติดต่อกลับไป