การใช้ \n ใน JavaScript มีความจำเป็นอย่างมากเมื่อต้องจัดการกับค่าสตริงแบบยาว โดยเฉพาะอย่างยิ่ง เมื่อออกแบบหน้าเว็บหรือเว็บไซต์ที่จำเป็นต้องมีการวางย่อหน้ายาวใน Document Object Model เพื่อจัดการเนื้อหา นอกจากนี้ ในกรณีที่อนุญาตให้โปรแกรมเมอร์ค้นหาตัวแบ่งบรรทัดในไฟล์ข้อความ ในสถานการณ์เช่นนี้ การใช้ \n ในสตริง JavaScript จะเป็นประโยชน์ในการรักษารูปแบบที่เหมาะสมและปรับปรุงการออกแบบเอกสารโดยรวม
บทความนี้จะกล่าวถึงการใช้ \n ในสตริง JavaScript
วิธีใช้ \n ในสตริง JavaScript
“ \n ” สามารถใช้ในสตริง JavaScript โดยเพียงแค่วางไว้ระหว่างค่าสตริง ในอีกกรณีหนึ่ง สามารถใช้ฟังก์ชันเดียวกันได้โดยใช้ “ แม่แบบตัวอักษร ”
ดูตัวอย่างต่อไปนี้เพื่อให้มีแนวคิดเกี่ยวกับแนวคิดที่ระบุไว้
ตัวอย่างที่ 1: ใช้ \n ในสตริง JavaScript โดยวางไว้ระหว่างค่าสตริง
ในตัวอย่างต่อไปนี้ เราจะกำหนดค่าสตริงในตัวแปรชื่อ “ สตริง ” ที่นี่, ' \n ” จะแบ่งสตริงที่เพิ่มเป็นสองส่วน:
อนุญาต สตริง = 'นี่คือจาวาสคริปต์ \n เป็นภาษาโปรแกรม'
สุดท้าย บันทึกค่าสตริงผลลัพธ์ที่คั่นด้วยบรรทัดใหม่:
console.log ( สตริง ) ;
ผลลัพธ์ที่สอดคล้องกันจะเป็นดังนี้:
หรือคุณสามารถใช้ฟังก์ชันเดียวกันนี้โดยใช้ “ แม่แบบตัวอักษร ”
ตัวอย่างที่ 2: ใช้ตัวอักษรเทมเพลตในสตริง JavaScript
“ เทมเพลต Literals ” ใช้ back-ticks (“) แทน (“”) เพื่อกำหนดสตริงและอนุญาตให้ใช้สตริงหลายบรรทัดได้เช่นกัน เทคนิคนี้สามารถนำไปใช้ได้โดยการแบ่งค่าสตริงเฉพาะออกเป็นหลายบรรทัดเพื่อเพิ่มบรรทัดใหม่
ในตัวอย่างด้านล่าง เราจะเก็บค่าสตริงไว้ในตัวแปรชื่อ “ สตริง ” นอกจากนี้ แบ่งค่าสตริงออกเป็นหลายบรรทัดและบันทึกค่าสตริงที่สอดคล้องกันบนคอนโซลโดยใช้เทมเพลตตามตัวอักษร:
สตริง const = ` คำแนะนำ Linuxนี่คือเว็บไซต์ `
console.log ( สตริง ) ;
ผลลัพธ์ในกรณีนี้จะเป็นดังนี้:
เราได้รวบรวมตัวอย่างเพื่อใช้ \n และเทมเพลตสำหรับเพิ่มบรรทัดใหม่ในสตริง JavaScript
บทสรุป
หากต้องการใช้ \n ใน JavaScript ให้วางไว้ระหว่างค่าสตริงเพื่อเพิ่มส่วนที่เหลือในบรรทัดถัดไป ในอีกกรณีหนึ่ง คุณยังสามารถใช้ตัวอักษรเทมเพลตเพื่อใช้ฟังก์ชันเดียวกันโดยใช้เครื่องหมายย้อนกลับ และวางค่าสตริงลงในหลายบรรทัด ซึ่งจะให้ผลลัพธ์เหมือนกัน คู่มือนี้กล่าวถึงการใช้ \n และตัวอักษรเทมเพลตในสตริง JavaScript