บทความนี้จะแสดงให้เห็นว่า forEach แตกต่างจาก for loop ใน TypeScript อย่างไร
“forEach” แตกต่างจาก “for” Loop ใน TypeScript อย่างไร
ใน TypeScript “ แต่ละ ' และ ' สำหรับ ” การวนซ้ำเป็นสองเทคนิคที่แตกต่างกันในการวนซ้ำอาร์เรย์หรือวัตถุที่วนซ้ำได้อื่นๆ ข้อแตกต่างที่สำคัญระหว่างทั้งสองสิ่งนี้คือลูป 'for' เป็นลูปวัตถุประสงค์ทั่วไปที่อนุญาตให้ดำเนินการใดๆ กับองค์ประกอบอาร์เรย์ ในขณะที่ 'forEach' เป็นวิธีการที่ออกแบบมาเฉพาะสำหรับการวนซ้ำบนอาร์เรย์และเรียกใช้ฟังก์ชันสำหรับแต่ละรายการ องค์ประกอบ. ความแตกต่างทั่วไปบางประการจะกล่าวถึงในตารางที่กำหนด:
| แต่ละ | สำหรับลูป |
|---|---|
| ไวยากรณ์ของ forEach นั้นกระชับและอ่านง่ายขึ้น | for loops มีไวยากรณ์ที่ซับซ้อนกว่า forEach ซึ่งทำให้อ่านและทำความเข้าใจได้ยากขึ้น |
| โดยทั่วไปจะมีประสิทธิภาพมากกว่าการใช้ for loop โดยเฉพาะอย่างยิ่งสำหรับอาร์เรย์ที่ใหญ่กว่า | ประสิทธิภาพโดยรวมดีขึ้น แต่น้อยกว่าสำหรับแต่ละรายการ |
| forEach ได้รับการออกแบบมาอย่างชัดเจนสำหรับการดำเนินการฟังก์ชันในแต่ละองค์ประกอบ | มันสามารถดำเนินการใด ๆ กับแต่ละองค์ประกอบของอาร์เรย์ |
| มีความยืดหยุ่นน้อยกว่าสำหรับลูป | สำหรับลูปมีความยืดหยุ่นมากกว่า forEach |
ก่อนดำเนินการใช้งานจริง โปรดทราบว่าในการเรียกใช้ไฟล์ TypeScript จะต้องแปลงไฟล์เป็นไฟล์ JavaScript จากนั้นจึงรันโค้ด JavaScript บนเทอร์มินัลโดยใช้คำสั่งที่กำหนด:
ชื่อไฟล์ tsc.ts
โหนด filename.js
'forEach' ทำงานใน TypeScript อย่างไร
“ แต่ละ ” เป็นเมธอดที่สร้างไว้ล่วงหน้าใน TypeScript ที่ช่วยให้เราสามารถวนซ้ำอาร์เรย์และเรียกใช้ฟังก์ชันในแต่ละองค์ประกอบอาร์เรย์
ไวยากรณ์
ไวยากรณ์ต่อไปนี้ใช้สำหรับ forEach ลูป:
แต่ละ ( โทรกลับFunc )
ตัวอย่าง
สร้างอาร์เรย์ของเลขคี่:
วนซ้ำอาร์เรย์และพิมพ์องค์ประกอบอาร์เรย์บนคอนโซลโดยใช้เมธอด forEach:
เลขคี่สำหรับแต่ละ ( ( ตัวเลข ) = > {
คอนโซล.ล็อก ( ตัวเลข ) ;
} ) ;
เอาต์พุต
] 
'for' Loop ทำงานใน TypeScript อย่างไร
เอ “ สำหรับ ” ลูปเป็นลูปมาตรฐาน อนุญาตให้วนซ้ำผ่านชุดของรายการและดำเนินการ/ดำเนินการบางอย่างกับแต่ละรายการ
ไวยากรณ์
ไวยากรณ์ที่กำหนดใช้สำหรับลูป 'for':
// ร่างกายวน
}
ตัวอย่าง
วนซ้ำอาร์เรย์ที่สร้างไว้ด้านบนโดยใช้องค์ประกอบสำหรับลูปและดิสเพลย์อาร์เรย์บนคอนโซล:
คอนโซล.ล็อก ( เลขคี่ [ ฉัน ] ) ;
}
เอาต์พุต
เราได้รวบรวมคำแนะนำที่จำเป็นทั้งหมดที่เกี่ยวข้องกับความแตกต่างระหว่าง forEach และ for loop ใน TypeScript
บทสรุป
“ แต่ละ ' และ ' สำหรับ ” การวนซ้ำเป็นสองเทคนิคที่แตกต่างกันในการวนซ้ำอาร์เรย์หรือวัตถุที่วนซ้ำได้อื่นๆ แม้ว่าวิธีการทั้งสองจะวนลูปผ่านองค์ประกอบอาร์เรย์ แต่ก็มีความแตกต่างกันในไวยากรณ์และฟังก์ชันการทำงาน ข้อแตกต่างที่สำคัญระหว่างทั้งสองสิ่งนี้คือลูป 'for' เป็นลูปวัตถุประสงค์ทั่วไปที่อนุญาตให้ดำเนินการใดๆ กับองค์ประกอบอาร์เรย์ ในขณะที่ 'forEach' เป็นวิธีการที่ออกแบบมาอย่างชัดเจนสำหรับการวนซ้ำบนอาร์เรย์และเรียกใช้ฟังก์ชันสำหรับแต่ละรายการ องค์ประกอบ. บทความนี้แสดงให้เห็นว่า forEach แตกต่างจาก for loop ใน TypeScript อย่างไร