มีหลายวิธีในการใช้ลูปเพื่อสำรวจผ่านอาร์เรย์ วันนี้เราจะมาพูดถึงลูปหนึ่งที่กลายมาเป็นที่ชื่นชอบในหมู่นักพัฒนาอย่างรวดเร็ว แต่ละ วนซ้ำใน JavaScript ด้านล่างนี้เป็นหัวข้อที่เราจะพิจารณา:
- ลูปและอาร์เรย์คืออะไร?
- forEach ในไวยากรณ์ JavaScript
- พารามิเตอร์ของ forEach ใน JavaScript
- ส่งคืนค่าของ forEach ใน JavaScript
ลูปและอาร์เรย์คืออะไร?
Loop เป็นคำศัพท์สำหรับขั้นตอนการใช้งานตัววนซ้ำนั่นคือสิ่งที่ทำซ้ำ ๆ ดังนั้นถ้าคุณจะนับ 1 ถึง 10 คุณจะต้องใช้การวนซ้ำที่วนซ้ำสิบครั้งและเพิ่มค่าการนับทีละ 1
อาร์เรย์ เป็นเพียงคอลเลกชันของวัตถุที่คล้ายกัน โดยทั่วไปแล้วการเก็บรักษารายการต่างๆไว้เป็นอย่างดีเช่นข้อมูลนักเรียนซึ่งสามารถจัดเก็บเป็นวัตถุของนักเรียนในอาร์เรย์ได้ วิธีที่ยอดเยี่ยมในการสำรวจอาร์เรย์คือการวนซ้ำและนั่นคือสิ่งที่ forEach loop ปรับปรุง มาเรียนรู้เพิ่มเติมเกี่ยวกับ forEach loop กัน
forEach ในไวยากรณ์ JavaScript
student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// คุณสามารถใช้ฟังก์ชันที่ต้องการได้จากที่นี่พิมพ์ (นักเรียน)}
snip ข้างต้นเป็นไวยากรณ์ของไฟล์ แต่ละ วนเข้า . มาดูวิธีดำเนินการทั้งหมดนี้ให้ละเอียดยิ่งขึ้น อันดับแรกเราประกาศชื่อนักเรียนจำนวนหนึ่งและตั้งชื่อให้เหมาะสม จากนั้นเราจะเรียกใช้ฟังก์ชัน forEach ด้วย ตัวดำเนินการ dot (.) ข้อมูลที่ส่งคืนโดยฟังก์ชันจะถูกเก็บไว้ในนักเรียน ข้อมูลจะถูกส่งกลับโดยฟังก์ชันเรียกกลับ ในตัวอย่างนี้เราเพียงแค่พิมพ์ชื่อของนักเรียนซึ่งจะให้ผลลัพธ์ “ เขื่อนร็อบแวน”
พารามิเตอร์ของ forEach ใน JavaScript
พารามิเตอร์จะถูกส่งไปในฟังก์ชันการเรียกกลับพวกเขาคือ -
แปลงไบนารีเป็น int java
- currentValue - ค่าปัจจุบันที่ส่งผ่านในการเรียกกลับ ในสนิปค่าปัจจุบันคือ นักเรียน . พารามิเตอร์นี้จำเป็น
- ดัชนี - ดัชนีขององค์ประกอบปัจจุบันในอาร์เรย์ นี่เป็นพารามิเตอร์ทางเลือก
- นี่ - หมายถึงวัตถุปัจจุบันใน call stack
ส่งคืนค่าของ forEach ใน JavaScript
ไม่ได้กำหนด . เสมอ .
กรองแผนที่ส่งคืนอาร์เรย์และ forEach ส่งคืนไม่ได้กำหนด นี่คือข้อแตกต่างหลักระหว่างลูปเหล่านี้
เมื่อทำข้อมูลเบื้องต้นเสร็จแล้วเรามาดูกฎสองสามข้อที่ควรคำนึงถึงเมื่อใช้งาน แต่ละ .
- forEach เรียกใช้ฟังก์ชันการเรียกกลับหนึ่งครั้งสำหรับแต่ละองค์ประกอบอาร์เรย์
- มันจะส่งคืนไม่ได้กำหนดเสมอ
- มันไม่กลายพันธุ์อาร์เรย์ แต่การเรียกกลับสามารถทำได้หากโปรแกรมให้ทำเช่นนั้น
- forEach ไม่สามารถโซ่เหมือนแผนที่ลดหรือกรอง
- ช่วงขององค์ประกอบที่ประมวลผลโดย แต่ละ ลูปถูกตั้งค่าก่อนการเรียกใช้ฟังก์ชันเรียกกลับครั้งแรก
- องค์ประกอบต่อท้ายอาร์เรย์หลัง สำหรับการเริ่มต้นแต่ละครั้งจะไม่เข้าชมโดยลูป
- องค์ประกอบที่ถูกลบก่อนที่จะเข้าชมโดยลูปจะไม่เข้าชม
- หากองค์ประกอบที่เข้าชมแล้วถูกลบออกจากอาร์เรย์ในระหว่างการทำซ้ำองค์ประกอบในภายหลังจะถูกข้ามไป
- forEach แต่ละลูปเมื่อเริ่มต้นแล้วไม่สามารถหยุดได้โดยไม่ต้องฆ่าเธรดกระบวนการ คิดว่าเป็นการสมัครสมาชิก คุณต้องยกเลิกการสมัครก่อนจึงจะหยุดได้
- forEach ไม่ดำเนินการเรียกกลับสำหรับองค์ประกอบอาร์เรย์ที่ไม่มีค่า
นี่คือกฎที่ควรคำนึงถึงเสมอเมื่อใช้ไฟล์ สำหรับแต่ละวง
ตอนนี้คุณรู้เกี่ยวกับ forEach loop แล้วโปรดดูการฝึกอบรมการรับรองการพัฒนาเว็บโดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)
วิธีใช้ python ใน anaconda
มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ“ forEach in JavaScript” แล้วเราจะติดต่อกลับไป