การแทรกตัวแปรลงในสตริงโดยใช้ JavaScript

ขณะเขียนโปรแกรมใน JavaScript คุณอาจพบสถานการณ์ที่จำเป็นต้องเชื่อมค่าของตัวแปรในสตริง ดึงค่าของตัวแปรโดยตรง หรือนำค่ากลับมาใช้ใหม่เพื่อแสดงในรูปแบบต่างๆ ในสถานการณ์เช่นนี้ ใช้อักขระพิเศษ “ $ ” ที่มีความหมายที่กำหนดไว้ล่วงหน้าใน JavaScript หรือไปที่คู่มือการจัดรูปแบบพื้นฐาน

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

จะแทรกตัวแปรลงในสตริงโดยใช้ JavaScript ได้อย่างไร?

ใน JavaScript คุณสามารถใช้วิธีการต่อไปนี้สำหรับการแทรกตัวแปรลงในสตริง:

• • การใช้อักขระพิเศษ “ $ ” กับตัวแปร
  • วิธีการจัดรูปแบบพื้นฐาน

ตอนนี้เราจะตรวจสอบแต่ละวิธีที่กล่าวถึงทีละคน!

วิธีที่ 1: การแทรกตัวแปรลงในสตริงโดยใช้ '$' อักขระพิเศษ

วิธีแรกรวมถึงการใช้อักขระพิเศษ “ $ ” อักขระพิเศษนี้ตามด้วยตัวแปรที่จำเป็นสำหรับการแทรก นอกจากนี้ สตริงผลลัพธ์สามารถแสดงบนคอนโซลเพื่อตรวจสอบความถูกต้อง

ดูตัวอย่างต่อไปนี้เพื่อทำความเข้าใจแนวคิดที่ระบุไว้

ตัวอย่าง

ประการแรก เราจะสร้างตัวแปรสองตัวชื่อ “ var1 ' และ ' var2 ”:

ต่อไปเราจะแทรกตัวแปรที่สร้างขึ้นลงในสตริงโดยเพิ่ม ' $ ” อักขระพิเศษและระบุชื่อตัวแปรภายในวงเล็บปีกกา “ { } ” นอกจากนี้เรายังจะคำนวณผลรวมของพวกเขาภายในวงเล็บปีกกา เป็นผลให้สตริงจะมีค่าที่อัปเดตหลังจากดำเนินการเพิ่ม:

ผลลัพธ์ของโปรแกรมที่ระบุข้างต้นจะแสดงดังนี้:

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

วิธีที่ 2: การแทรกตัวแปรลงในสตริงโดยใช้วิธีการจัดรูปแบบพื้นฐาน

ในวิธีการประเภทนี้ ค่าตัวแปรจะถูกดึงผ่านวิธีภาษา C แบบเก่า “ %d ” ตัวยึดตำแหน่งซึ่งแสดงถึงค่าจำนวนเต็ม ด้วยวิธีการจัดรูปแบบพื้นฐานนี้ คุณสามารถแทรกค่าตัวแปรที่ระบุลงในสตริงได้อย่างง่ายดาย

ตัวอย่าง

ในวิธีนี้ อันดับแรก เราจะกำหนดตัวแปรสองตัวดังนี้:

ในขั้นตอนต่อไป เราจะแทรกค่าตัวแปรลงในสตริงโดยวาง “ %d ตัวยึดตำแหน่งตามด้วยตัวแปรที่ต้องแทรก ในเวลาเดียวกัน เราจะดำเนินการแบ่งกับพวกเขาด้วย:

ผลลัพธ์จะส่งผลให้สตริงต่อไปนี้:

เราได้นำเสนอวิธีการที่ง่ายที่สุดในการแทรกตัวแปรลงในสตริงโดยใช้ JavaScript

บทสรุป

ในการแทรกตัวแปรลงในสตริงใน JavaScript คุณสามารถใช้อักขระพิเศษ “ $ ” ตามด้วยชื่อตัวแปรและวิธีการจัดรูปแบบพื้นฐานด้วย “ %d ” ตัวยึดตำแหน่ง นอกจากนี้ การดำเนินการพื้นฐานสามารถดำเนินการกับค่าจำนวนเต็ม และสตริงผลลัพธ์จะประกอบด้วยค่านั้นด้วย บทความนี้เป็นแนวทางเกี่ยวกับขั้นตอนการแทรกตัวแปรลงในสตริงโดยใช้ JavaScript