วิธีย้อนกลับสตริงใน JavaScript [ทีละขั้นตอน]

palindrome คือคำหรือรายการอักขระที่อ่านเหมือนกันเมื่อกลับด้าน ตัวอย่างที่ดีคือคำว่า 'เรดาร์'

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

ฉันจะย้อนกลับสตริงด้วย JavaScript ได้อย่างไร

1. แปลงเป็นอาร์เรย์แล้วย้อนกลับ

1. แยกสตริงของคุณออกเป็นอาร์เรย์ของสตริงย่อยโดยใช้เครื่องหมาย แยก () เมธอดจากคลาสอ็อบเจ็กต์สตริง วิธีการแยกต้องใช้สตริงเป็นอาร์กิวเมนต์ ในกรณีนี้ คุณจะใช้สตริงว่าง ดังนั้นวิธีการควรมีลักษณะดังนี้:

   แยก ("")

2. กลับลำดับของอาร์เรย์โดยใช้ ย้อนกลับ () วิธี.
3. แปลงอาร์เรย์กลับเป็นสตริงโดยใช้ using เข้าร่วม () วิธี. เช่นเดียวกับวิธี split วิธี join ต้องใช้สตริงเป็นอาร์กิวเมนต์ อีกครั้ง คุณจะใช้สตริงว่าง:

   เข้าร่วม ("")

วิธีที่ดีที่สุดในการดำเนินการตามขั้นตอนข้างต้นคือการใช้ฟังก์ชัน ต่อไปนี้คือตัวอย่างซอร์สโค้ดสั้นๆ ที่คุณสามารถคัดลอก ทดสอบ และแก้ไขได้:






การพลิกกลับครั้งใหญ่!

สตริงปัจจุบัน: "ย้อนกลับสตริงนี้!"

ย้อนกลับ

ในตัวอย่างข้างต้น เราสร้างฟังก์ชันที่ย้อนกลับสตริงที่ฮาร์ดโค้ดแล้วตั้งค่าองค์ประกอบของเอกสาร ฟังก์ชันนี้จะถูกเรียกจากปุ่มที่มีข้อความว่า 'ย้อนกลับ'

มีหลายวิธีที่คุณสามารถย่อและแก้ไขโค้ดนี้ได้ ตัวอย่างเช่น แทนที่จะกำหนดสตริงที่เข้าร่วมให้กับ str ตัวแปรคุณสามารถมอบหมายใหม่ให้กับ res ตัวแปรแล้วชี้องค์ประกอบเอกสาร HTML สาธิตไปที่มันเช่น

res = res.join("");
document.getElementById("สาธิต").innerHTML = res;

อีกวิธีหนึ่ง คุณสามารถย่อทั้งสามขั้นตอนเป็นบรรทัดเดียว:

var res = str.split("").reverse().join("");

ไม่ว่าจะด้วยวิธีใด ผลลัพธ์ควรเหมือนกัน:

---

ต้องการเรียนรู้ JavaScript เร็วยิ่งขึ้นหรือไม่? เรียนรู้ว่าทำไมคุณควรดาวน์โหลด JavaScript Code โดยอ่านบทความนี้!

---

2. ย้อนกลับสตริงใน JavaScript โดยใช้ for loop

1. สร้างตัวแปรสตริงว่างใหม่ที่จะเก็บสตริงที่ย้อนกลับ

   var reverseString = "";

2. สร้าง for loop โดยมีลักษณะดังต่อไปนี้:
   • Initializer: เริ่มต้นตัวนับที่มีค่าเป็นความยาวของสตริงที่จะกลับลบด้วย 1
   • เงื่อนไข: ตรวจสอบให้แน่ใจว่าตัวนับมากกว่าหรือเท่ากับ 0
   • การวนซ้ำ: ตัวนับควรลดลงทุกครั้งที่มีการวนซ้ำที่สำเร็จ
   • เนื้อความของ for loop ควรเพิ่มอักขระจากสตริงเดิมไปยังสิ่งที่จะกลายเป็นสตริงที่กลับด้านในขณะที่ใช้ตัวนับ for loop เพื่อกำหนดตำแหน่งของอักขระ

     สำหรับ (var i = fwdStri.length - 1; ผม >= 0; ผม--) { reverseString = newString + fwdStr [i]; }

อีกครั้ง คุณควรใช้การดำเนินการข้างต้นในฟังก์ชันภายในแท็กสคริปต์ ไม่ว่าคุณต้องการรวม JavaScript เป็นไฟล์ภายนอกหรือโค้ดที่ฝังอยู่นั้นขึ้นอยู่กับคุณ นี่คือลักษณะการทำงานของโซลูชันด้านบน:

 การพลิกกลับครั้งใหญ่! 
สตริงปัจจุบัน: "ย้อนกลับสตริงนี้!"
ย้อนกลับ

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

---

3. ย้อนกลับสตริงใน JavaScript โดยใช้การเรียกซ้ำ

1. สร้างฟังก์ชันใหม่โดยมีสตริงเป็นพารามิเตอร์ เช่น

   ฟังก์ชัน reverseString (str) {

2. ภายในเนื้อความของฟังก์ชัน ให้สร้าง an ถ้า คำสั่งที่ตรวจสอบว่าสตริงที่ส่งไปยังฟังก์ชันว่างหรือไม่ หากเป็นจริง ควรส่งคืนสตริงว่างเช่น

   ถ้า (str "") กลับ "";

3. เพิ่มคำสั่งอื่น
4. ในเนื้อความของคำสั่ง else ให้ส่งคืนการเรียกซ้ำไปยังเมธอดปัจจุบันด้วยสตริงย่อยของพารามิเตอร์สตริงของเมธอด โดยเริ่มจากอักขระตัวที่สอง เช่น str.substr (1). ต่อท้ายอักษรตัวแรกของสตริงย่อยใหม่เช่น

   อื่นส่งคืน reverseString (str.substr (1)) + str.charAt (0);

คุณควรเรียกวิธีนี้จากฟังก์ชันอื่นที่รับผิดชอบในการแสดงผลลัพธ์ รหัสที่สมบูรณ์ควรมีลักษณะดังนี้:

 การพลิกกลับครั้งใหญ่! 
สตริงปัจจุบัน: "ย้อนกลับสตริงนี้!"
ย้อนกลับ

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

ตัวอย่างข้างต้นสามารถทดสอบได้โดยใช้ Windows Notepad และเว็บเบราว์เซอร์ อย่างไรก็ตาม เราแนะนำให้ใช้ a โปรแกรมแก้ไขโค้ดข้ามแพลตฟอร์ม หรือสภาพแวดล้อมการพัฒนาแบบบูรณาการเพื่อประหยัดเวลา

วิธีย้อนกลับสตริงใน Javascript เป็นคำถามสัมภาษณ์ทั่วไป ดังนั้น การทำความเข้าใจอาจจำเป็นต่อความสำเร็จของคุณในฐานะนักพัฒนาซอฟต์แวร์

อย่างไรก็ตาม แจ้งให้เราทราบว่าวิธีใดดีที่สุดสำหรับคุณในความคิดเห็นด้านล่าง เช่นเคยขอบคุณที่อ่าน