บทความนี้กล่าวถึงวิธีการต่างๆ ของวิธีการบางอย่างที่สามารถทำซ้ำใน JavaScript
จะทำซ้ำบางสิ่งใน JavaScript ได้อย่างไร?
สตริงสามารถทำซ้ำใน JavaScript ได้ด้วยวิธีต่อไปนี้:
ให้เราดูแต่ละวิธีโดยละเอียด
วิธีที่ 1: ทำซ้ำบางอย่างใน JavaScript โดยใช้ While Loop
“ ในขณะที่ ” เป็นคำสั่งควบคุมโฟลว์ใน JavaScript ที่ดำเนินการซ้ำๆ ภายใต้เงื่อนไขที่ระบุ เงื่อนไขจะถูกตรวจสอบก่อนการวนซ้ำแต่ละครั้ง while วนซ้ำจนกว่าเงื่อนไขจะแม่นยำ เมื่อเงื่อนไขเป็นเท็จ การวนซ้ำจะหยุดดำเนินการ รหัสต่อไปนี้แสดงให้เห็นถึงกระบวนการทำซ้ำใน JavaScript โดยใช้ลูปในขณะที่:
DOCTYPE html >
< html >
< สคริปต์ >
ฟังก์ชั่นทำซ้ำ ( STR นับ ) {
ให้ rpt_Str = ' ' ;
ในขณะที่ ( นับ > 0 ) {
rpt_Str += STR ;
นับ --;
}
กลับ rpt_Str ;
}
เอกสาร. เขียน ( ทำซ้ำ ( “เทย์เลอร์” , 6 ) ) ;
สคริปต์ >
html >
ในตัวอย่างข้างต้น:
- ฟังก์ชันทำซ้ำ() ถูกกำหนดไว้ภายในแท็กสคริปต์ด้วยพารามิเตอร์ “str” และ “count”
- ต่อไป เราได้กำหนดสตริงว่าง “rpt_str” และเริ่มการวนซ้ำ while โดยมีเงื่อนไขว่าจำนวนยังคงมากกว่า 0
- “rpt_str” มีค่า “str” และ while loop จะทำงาน เว้นแต่ว่าเงื่อนไขไม่เป็นความจริงอีกต่อไป ในกรณีนี้ ค่าการนับคือ 6 ดังนั้นสตริงจะถูกพิมพ์ 6 ครั้ง
เอาท์พุต
สตริง “TAYLOR” จะถูกทำซ้ำ 6 ครั้ง ซึ่งเท่ากับจำนวน:
วิธีที่ 2: ทำซ้ำบางอย่างใน JavaScript โดยใช้การทำซ้ำ ES6 ()
อีเอส6 ทำซ้ำ() สามารถใช้เพื่อทำซ้ำสตริงใน JavaScript สตริงจะถูกส่งกลับซึ่งมีการซ้ำกันโดยเฉพาะเมื่อถูกเรียก นี่คือตัวอย่างของโค้ดที่แสดงวิธีที่เราสามารถทำซ้ำสตริงโดยใช้การทำซ้ำ ():
DOCTYPE html >< html >
< สคริปต์ >
ฟังก์ชัน rpt_str ( STR นับ ) {
ถ้า ( นับ > 0 )
กลับ STR. ทำซ้ำ ( นับ ) ;
อื่น
กลับ '' ;
}
เอกสาร. เขียน ( rpt_str ( 'จาวาสคริปต์' , 5 ) ) ;
สคริปต์ >
html >
ในโค้ดข้างต้น
- ฟังก์ชัน “rpt_str()” ถูกกำหนดด้วยพารามิเตอร์ str และ count
- ค่า str ถูกกำหนดเป็น 'JavaScript' ซึ่งจะทำซ้ำตามค่าที่กำหนดให้นับ
เอาท์พุต
ในตัวอย่างนี้ ค่าที่กำหนดให้นับคือ 5 ดังนั้นฟังก์ชัน Repeat() จะทำซ้ำ JavaScript 5 ครั้ง:
วิธีที่ 3: ทำซ้ำบางสิ่งใน JavaScript โดยใช้การเรียกซ้ำ
การเรียกซ้ำทำให้ฟังก์ชันเรียกตัวเองซ้ำๆ เว้นแต่จะได้ผลลัพธ์ที่ต้องการ ในการเรียกซ้ำ ต้องระบุกรณีหลัก/ฐานเพื่อสิ้นสุดการเรียกซ้ำ เป็นไปตามอัตภาพภายในเงื่อนไขข้อ ฟังก์ชันเรียกซ้ำทำงานโดยการเรียกตัวเองซ้ำๆ จนกว่าเราจะได้ผลลัพธ์ที่ต้องการ ตัวอย่างต่อไปนี้ช่วยให้เข้าใจวิธีการเรียกซ้ำเพื่อทำซ้ำใน JavaScript:
! DOCTYPE html >< html >
< สคริปต์ >
ฟังก์ชัน rpt_str ( STR นับ ) {
ถ้า ( นับ < 0 )
กลับ '' ;
ถ้า ( นับ === 1 )
กลับ STR ;
อื่น
กลับ STR + rpt_str ( STR นับ - - 1 ) ;
}
เอกสาร. เขียน ( rpt_str ( ' รหัส ' , 7 ) ) ;
สคริปต์ >
html >
ในโค้ดข้างต้น:
- ฟังก์ชัน “rpt_str()” ถูกกำหนดด้วยพารามิเตอร์ “str” และ “count”
- หากค่าของการนับน้อยกว่า 0 สตริงว่างจะถูกส่งกลับ หากค่าของการนับเป็น 1 จะส่งคืนค่า str และหากค่าของ str มากกว่า 1 ฟังก์ชันจะเชื่อมค่าอินพุตของ str เข้ากับผลลัพธ์จาก rpt_str(str, count – 1)
- ในที่นี้ ค่า str คือ “CODE” และค่าการนับคือ 7 ดังนั้นสตริงที่ซ้ำกันจะพิมพ์ CODE 7 ครั้ง
เอาท์พุท:
วิธีที่ 4: ทำซ้ำบางอย่างใน JavaScript โดยใช้ฟังก์ชัน fill()
JavaScript เสนอ a เติม() วิธีการที่ช่วยให้เราสามารถเติมอาร์เรย์ด้วยค่าคงที่ได้ สามารถใช้กับฟังก์ชัน join() เพื่อทำซ้ำบางสิ่งใน JavaScript ตัวอย่างเช่น สามารถแทรกค่าสตริงในอาร์เรย์ว่างได้โดยใช้ฟังก์ชัน fill() และรวมเข้ากับฟังก์ชัน join() เพื่อรับสตริงที่ซ้ำกัน นี่คือตัวอย่างของโค้ดที่แสดงวิธีการทำซ้ำสตริงด้วยฟังก์ชัน fill():
< html >< ร่างกาย >
< สคริปต์ >
ให้ st = ' ส่วนหน้า '
ให้ rpt_str = อาร์เรย์ ( 5 ) . เติม ( STR ) . เข้าร่วม ( '' )
เอกสาร. เขียน ( rpt_str ) ;
สคริปต์ >
ร่างกาย >
html >
ในตัวอย่างข้างต้น:
- ตัวแปร str ถูกกำหนดและกำหนดด้วยค่า ' FRONTEND '
- ฟังก์ชัน Array(5) จะสร้างช่อง 5 ช่องซึ่งสตริงจะถูกเติมและรวมเข้าด้วยกันเพื่อสร้างสตริงซ้ำ ค่าจะถูกเก็บไว้ในตัวแปร “rpt_str”
- document.write(rpt_str) จะพิมพ์สตริงที่ซ้ำกัน
เอาท์พุต
ในการรันโค้ด สตริง “FRONTEND” จะถูกทำซ้ำ 5 ครั้ง:
นั่นคือทั้งหมดที่เกี่ยวกับการทำซ้ำบางสิ่งใน JavaScript โดยใช้วิธีต่างๆ
บทสรุป
วิธีปกติในการทำซ้ำบางสิ่งใน JavaScript คือการใช้ฟังก์ชัน ES6 Repeat() ซึ่งรับพารามิเตอร์ที่ระบุซึ่งระบุจำนวนการวนซ้ำขององค์ประกอบ วิธีการอื่นๆ เช่น การใช้ while loop ฟังก์ชันแบบเรียกซ้ำ หรือวิธี fill() บทความนี้จะอธิบายวิธีการต่างๆ ที่สามารถทำซ้ำบางสิ่งใน JavaScript พร้อมกับตัวอย่างได้