บทช่วยสอนนี้จะอธิบายวิธีการลบค่า 'ไม่ได้กำหนด' ออกจากอาร์เรย์ JavaScript
มีวิธีใดในการลบค่า 'ไม่ได้กำหนด' ออกจากอาร์เรย์ JavaScript หรือไม่
วิธีการที่กำหนดไว้ล่วงหน้าของ JavaScript ต่อไปนี้ใช้สำหรับลบค่าที่ไม่ได้กำหนดออกจากอาร์เรย์:
วิธีที่ 1: ลบ/กำจัดค่า 'ไม่ได้กำหนด' จากอาร์เรย์โดยใช้วิธี 'filter()'
หากต้องการลบค่าที่ไม่ได้กำหนดออกจากอาร์เรย์ ให้ใช้ปุ่ม “ กรอง() ' วิธี. มันส่งออกอาร์เรย์ใหม่ที่มีองค์ประกอบทั้งหมดที่ตรงตามการทดสอบเฉพาะ ยอมรับฟังก์ชันเป็นอาร์กิวเมนต์ที่กำหนดเงื่อนไขที่ทดสอบแต่ละองค์ประกอบ
ไวยากรณ์
ทำตามไวยากรณ์ที่กำหนดสำหรับการใช้ filter() วิธีการ:
กรอง ( โทรกลับFnc ( ) {
//เงื่อนไข
} )
ตัวอย่าง
สร้างอาร์เรย์ที่มีตัวเลขด้วย “ ไม่ได้กำหนด ” ค่า:
คอสต์ อาร์เรย์ = [ สิบเอ็ด , ไม่ได้กำหนด, ยี่สิบ , 23 , 8 , ไม่ได้กำหนด, 14 , สิบห้า ] ;เรียกใช้เมธอด filter() โดยที่ฟังก์ชันการเรียกกลับจะส่งคืนองค์ประกอบที่ไม่เท่ากับ “ ไม่ได้กำหนด ”:
คอสต์ filteredArray = อาร์เรย์ กรอง ( การทำงาน ( องค์ประกอบ ) {
กลับ องค์ประกอบ !== ไม่ได้กำหนด ;
} ) ;
สุดท้าย แสดงอาร์เรย์ผลลัพธ์บนคอนโซล:
คอนโซล บันทึก ( filteredArray ) ;อย่างที่คุณเห็น ผลลัพธ์ที่ระบุว่าค่าที่ไม่ได้กำหนดได้ถูกลบออกเรียบร้อยแล้ว:
วิธีที่ 2: ลบ/กำจัดค่า 'ไม่ได้กำหนด' จากอาร์เรย์โดยใช้วิธี 'ลด ()'
อีกวิธีในการลบค่าที่ไม่ได้กำหนดออกจากอาร์เรย์คือการใช้ JavaScript “ ลด() ' วิธี. ใช้สำหรับวนซ้ำอาร์เรย์และสะสม/รวบรวมค่าเดียวตามองค์ประกอบของอาร์เรย์ ยอมรับฟังก์ชันการเรียกกลับเป็นอาร์กิวเมนต์ที่เรียกในทุกองค์ประกอบในอาร์เรย์ และค่าผลลัพธ์จะถูกใช้เป็นตัวสะสมสำหรับการวนซ้ำครั้งต่อไป
ไวยากรณ์
ไวยากรณ์ต่อไปนี้ใช้สำหรับวิธีการลด () :
ลด ( โทรกลับFnc ( ) {//เงื่อนไข
} , ค่าเริ่มต้น )
ตัวอย่าง
เรียกใช้เมธอด reduce() ด้วยฟังก์ชันการเรียกกลับ ค่าเริ่มต้นที่เป็นอาร์เรย์ว่าง ([ ]) ฟังก์ชันการเรียกกลับจะวนซ้ำอาร์เรย์และเลือกองค์ประกอบที่ไม่ได้กำหนด และส่งเข้าไปในอาร์เรย์ตัวสะสม หลังจากการวนซ้ำแต่ละครั้ง ฟังก์ชันการเรียกกลับจะส่งออกอาร์เรย์ตัวสะสม:
คอสต์ อาร์เรย์ = [ สิบเอ็ด , ไม่ได้กำหนด, ยี่สิบ , 23 , 8 , ไม่ได้กำหนด, 14 , สิบห้า ] ;คอสต์ filteredArray = อาร์เรย์ ลด ( ( องค์ประกอบ ) => {
ถ้า ( องค์ประกอบ !== ไม่ได้กำหนด ) {
เมื่อไร ดัน ( องค์ประกอบ ) ;
}
กลับ เมื่อไร ;
} , [ ] ) ;
สุดท้าย แสดงอาร์เรย์สะสมผลลัพธ์บนคอนโซล:
คอนโซล บันทึก ( filteredArray ) ;เอาต์พุต
เราได้รวบรวมข้อมูลที่จำเป็นทั้งหมดสำหรับการลบค่าที่ไม่ได้กำหนดออกจากอาร์เรย์ใน JavaScript
บทสรุป
เพื่อลบ ' ไม่ได้กำหนด ” ค่าจากอาร์เรย์ ใช้ JavaScript ที่กำหนดไว้ล่วงหน้า “ กรอง() ” วิธีการ หรือ “ ลด() ' วิธี. ทั้งสองวิธีนั้นดีสำหรับการลบค่าที่ไม่ได้กำหนด ในขณะที่วิธี filter() นั้นดีที่สุดเพราะไม่จำเป็นต้องพุชองค์ประกอบในอาร์เรย์อื่น บทช่วยสอนนี้อธิบายวิธีการลบค่า 'ไม่ได้กำหนด' ออกจากอาร์เรย์