ลูป JavaScript ที่สำคัญที่คุณต้องรู้



มีวิธีการที่แตกต่างกันในการดำเนินการลูป JavaScript อ่านที่นี่เพื่อทำความเข้าใจเกี่ยวกับวิธีการวนซ้ำแบบต่างๆใน JavaScript พร้อมตัวอย่าง

ลูปเข้าJavaScript ใช้สำหรับการตัดสินใจโดยการตรวจสอบความถูกต้องของค่าเฉพาะกับเงื่อนไขการทดสอบที่กำหนดและดำเนินการส่วนรหัสเฉพาะตามจำนวนครั้งที่ระบุจนกว่าเงื่อนไขที่กำหนดจะเป็นที่พอใจ ช่วยในการทำให้โค้ดของคุณกะทัดรัด ลูปอธิบายไว้ในบทความนี้ตามลำดับต่อไปนี้:

ลูป JavaScript

ลูป JavaScript เป็นวิธีที่ง่ายและรวดเร็วในการทำบางสิ่งซ้ำ ๆ ใช้เพื่อทำซ้ำการกระทำหลาย ๆ ครั้งโดยไม่ต้องทำซ้ำบรรทัดรหัสเดิม ลูปส่วนใหญ่มีสองประเภท:





  • ลูปที่ควบคุมรายการ - ในการควบคุมรายการเงื่อนไขการทดสอบจะถูกทดสอบก่อนเข้าสู่ร่างกายของลูป สำหรับ Loop และ ในขณะที่วนซ้ำ เป็นลูปควบคุมรายการ

  • ออกจากลูปที่ควบคุม - ในการควบคุมทางออกเงื่อนไขการทดสอบจะได้รับการประเมินที่ส่วนท้ายของตัวห่วง ดังนั้นห่วงจะดำเนินการอย่างน้อยหนึ่งครั้งไม่ว่าเงื่อนไขการทดสอบจะเป็นจริงหรือเท็จ ทำในขณะที่วนซ้ำ คือลูปควบคุมทางออก



ตอนนี้เรามาดูวิธีการต่างๆในการดำเนินการลูป JavaScript กัน

สำหรับ Loop

วิธีนี้เป็นวิธีที่กระชับในการเขียนโครงสร้างลูป A สำหรับการวนซ้ำจนกว่าเงื่อนไขที่ระบุจะประเมินเป็นเท็จ

สำหรับ loop - javascript loops - edureka



ไวยากรณ์ -

สำหรับ (เงื่อนไขการเริ่มต้นการทดสอบเงื่อนไขการเพิ่ม / ลด) {statement}

ตัวอย่าง-

// โปรแกรม JavaScript เพื่อแสดงสำหรับ loop var x // สำหรับ loop เริ่มต้นเมื่อ x = 1 // และทำงานจนถึง x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + ' 
')}

เอาท์พุท -

ค่า x: 1 ค่า x: 2 ค่า x: 3 ค่า x: 4

ในขณะที่วนซ้ำ

ลูปในขณะที่เป็นคำสั่งโฟลว์ควบคุมซึ่งอนุญาตให้เรียกใช้โค้ดซ้ำ ๆ ตามเงื่อนไขบูลีนเฉพาะ ลูปนี้คล้ายกับคำสั่ง if ซ้ำ

ไวยากรณ์ -

ในขณะที่ (เงื่อนไขบูลีน) {loop statement}

ตัวอย่าง-

// โปรแกรม JavaScript เพื่อแสดงในขณะที่ loop var x = 1 // ออกเมื่อ x มีค่ามากกว่า 5 ในขณะที่ (x<= 5) { document.write('Value of x:' + x + ' 
') // เพิ่มค่า x สำหรับ // การวนซ้ำครั้งถัดไป x ++}

เอาท์พุท -

ค่า x: 1 ค่า x: 2 ค่า x: 3 ค่า x: 4 ค่า x: 5

Do-while Loop

ลูปนี้คล้ายกับ while loop แต่ข้อแตกต่างเพียงอย่างเดียวคือการตรวจสอบเงื่อนไขหลังจากดำเนินการคำสั่ง ดังนั้นจึงเป็นตัวอย่างของ Exit Controlled Loop

ความสัมพันธ์ระหว่าง java และ javascript

ไวยากรณ์ -

ทำ {งบ} while (เงื่อนไข)

ตัวอย่าง-

// โปรแกรม JavaScript เพื่อแสดง do-while loop var x = 20 do {// ถ้าเงื่อนไขเป็นเท็จ document.write ('Value of x:' + x + ' 
') x ++} ในขณะที่ (x<10)

เอาท์พุท -

ค่า x: 20

ห่วงสำหรับใน

ลูปนี้วนซ้ำตัวแปรที่ระบุเหนือคุณสมบัติที่นับได้ทั้งหมดของอ็อบเจ็กต์ สำหรับคุณสมบัติที่แตกต่างกัน JavaScript จะดำเนินการตามคำสั่งที่ระบุ

ไวยากรณ์ -

สำหรับ (variableName ใน Object) {statement}

ตัวอย่าง-

// โปรแกรม JavaScript เพื่อแสดงสำหรับ .. in loop // การสร้าง Object var ลักษณะเฉพาะ = {first: 'Name', second: 'Age', third: 'Height', four: 'Eye-color', 5th: 'Nationality '} // วนซ้ำผ่านทุกคุณสมบัติของ // คุณสมบัติของอ็อบเจกต์และพิมพ์ทั้งหมด // โดยใช้ for..in ลูปสำหรับ (itr ในลักษณะ) {document.write (ลักษณะ [itr] +' 
')}

เอาท์พุท -

ชื่ออายุส่วนสูงสัญชาติตาสี

งบพัก

คำสั่ง break ใช้สำหรับการกระโดดออกจากวง มันจะช่วยคุณในการทำลายลูปและดำเนินการโค้ดต่อไปหลังจากลูป

ไวยากรณ์ -

ทำลาย labelname

ตัวอย่าง-

var text = '' var i สำหรับ (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + ' 
'}

เอาท์พุท -

หมายเลขคือ 0 หมายเลขคือ 1 หมายเลขคือ 2 หมายเลขคือ 3 หมายเลขคือ 4

ดำเนินการต่อคำชี้แจง

คำสั่งต่อจะแบ่งการวนซ้ำหนึ่งครั้งในลูปหากเงื่อนไขที่ระบุเกิดขึ้นและดำเนินการต่อด้วยการวนซ้ำครั้งถัดไปในลูป ความแตกต่างระหว่างคำสั่งต่อและคำสั่ง break คือคำสั่งต่อ 'กระโดดข้าม' การวนซ้ำหนึ่งครั้งในลูปแทนที่จะเป็น 'กระโดดออก'

ไวยากรณ์ -

ดำเนินการต่อ labelname

ตัวอย่าง-

var text = '' var i สำหรับ (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + ' 
'}

เอาท์พุท -

หมายเลขคือ 0 หมายเลขคือ 1 หมายเลขคือ 3 หมายเลขคือ 4

นี่คือวิธีการต่างๆในการเรียกใช้ JavaScript Loops ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความของเรา

ตอนนี้คุณรู้เกี่ยวกับ JavaScript Loops แล้วลองดูไฟล์ โดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)

การเรียกใช้เมธอดระยะไกลใน java

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ“ JavaScript Loops” แล้วเราจะติดต่อกลับไป