บทความนี้จะสาธิตวิธีการใช้ JavaScript ที่เทียบเท่ากับ printf หรือ String.Format
JavaScript เทียบเท่ากับ printf/String.Format
ในการใช้ JavaScript Equivalent กับ printf/String.Format คุณสามารถใช้:
- “ console.log() ' วิธี
- “ เอกสาร.เขียน() ' วิธี
- “ สตริงรูปแบบ () ' วิธี
ตอนนี้เราจะผ่านแต่ละวิธีข้างต้นทีละคน!
วิธีที่ 1: JavaScript เทียบเท่ากับ printf/String.Format โดยใช้ “console.log()” Method
ใน JavaScript เมธอด “console.log” ใช้เพื่อพิมพ์ค่าของจำนวนเต็มหรือสตริง คุณยังสามารถใช้วิธีนี้ในการพิมพ์ค่าจำนวนเต็มและสตริงที่เทียบเท่ากับ printf
ไวยากรณ์
คอนโซล บันทึก ( ข้อความ )
ที่นี่ผ่าน” ข้อความ พารามิเตอร์ ” จะถูกบันทึกบนคอนโซลโดยใช้เมธอด console.log() อาร์กิวเมนต์นี้สามารถเป็นอะไรก็ได้ เช่น จำนวนเต็มหรือค่าสตริง
ดูตัวอย่างด้านล่าง
ตัวอย่าง
ขั้นแรก เราจะเก็บค่าจำนวนเต็มและค่าสตริงไว้ในตัวแปรสองตัวที่ระบุชื่อ “ ตัวเลือก1 ' และ ' val2 ” ตามลำดับ:
เคยเป็น val2 = 'JavaScript เทียบเท่ากับ Printf หรือ String.Format'
ตอนนี้เราจะแสดงค่าเริ่มต้นของ ' ตัวเลือก1 ' และ ' val2 ” บนคอนโซลโดยใช้ “ console.log() ' กระบวนการ:
คอนโซล บันทึก ( ตัวเลือก1 )คอนโซล บันทึก ( val2 )
เราจะได้ผลลัพธ์ต่อไปนี้หลังจากการใช้งานข้างต้น:
วิธีที่ 2: JavaScript เทียบเท่ากับ printf หรือ String.Format โดยใช้ “document.write()” Method
ในจาวาสคริปต์ “ เอกสาร.เขียน() เมธอด ” ยังใช้เพื่อแสดงค่าจำนวนเต็มและสตริงบน DOM (Document Object Model) โดยเฉพาะอย่างยิ่ง วิธีนี้จะพิมพ์ค่าจำนวนเต็มหรือสตริงบน DOM ไม่ใช่บนคอนโซล
ไวยากรณ์
เอกสาร. เขียน ( exp1 , exp2 )ที่นี่, ' exp1 ' และ ' exp2 ” อ้างถึงค่าจำนวนเต็มหรือสตริงบางค่า
ผ่านตัวอย่างต่อไปนี้สำหรับการสาธิต
ตัวอย่าง
ตอนนี้เราจะแสดงค่าของตัวแปรที่สร้างไว้แล้วโดยใช้ปุ่ม ' เอกสาร.เขียน() ' กระบวนการ:
เอกสาร. เขียน ( val2 )
หลังจากใช้งานแล้ว จะได้ผลลัพธ์ดังนี้
วิธีที่ 3: JavaScript เทียบเท่ากับ printf หรือ String.Format โดยใช้ String.format() Method
“ สตริงรูปแบบ () ” ใช้เพื่อเปลี่ยนหรือปรับแต่งรูปแบบเอาต์พุต เราจะใช้ฟังก์ชันนี้เพื่อแก้ไขค่าสตริงที่ป้อน นี้จะทำได้โดยการวางค่าดัชนีที่ตำแหน่งสตริงที่เราต้องการวางค่าสตริงที่ระบุ จากนั้น เราจะวางค่าสตริงที่จะอัปเดตในอาร์กิวเมนต์ของเมธอด format()
ภาพรวมตัวอย่างต่อไปนี้สำหรับการสาธิต
ตัวอย่าง
ขั้นแรก เราจะสร้างฟังก์ชันต้นแบบแบบกำหนดเอง ฟังก์ชันรูปแบบจะใช้สตริงเฉพาะและดึงตัวเลขที่เพิ่มเข้าไปภายใน ' {} ” วงเล็บและแทนที่หมายเลขที่มีอยู่ในนั้นด้วยอาร์กิวเมนต์สตริงที่วางไว้ที่ดัชนีที่ระบุ หลังจากนั้น, ' /{(\d+)}/g ” จะค้นหาอักขระที่ไม่ใช่ตัวเลข (สตริง) และวางไว้ที่ดัชนีที่ระบุหลังจากตรวจสอบเงื่อนไขที่เพิ่ม:
เคยเป็น ตัวเลือก1 = ข้อโต้แย้ง ;
กลับ นี้ . แทนที่ ( /{(\d+)}/g , การทำงาน ( รับ , ตัวเลข ) {
กลับ ประเภทของ ตัวเลือก1 [ ตัวเลข ] != 'ไม่ได้กำหนด' ? ตัวเลือก1 [ ตัวเลข ] : รับ ;
} ) ;
} ;
ตอนนี้เราจะระบุดัชนี “ {0}, {1} ” ซึ่งจำเป็นต้องเปลี่ยนค่าสตริง ค่าสตริงใหม่เหล่านี้จะถูกวางไว้ในตอนแรกใน “ รูปแบบ() ” วิธีเป็นอาร์กิวเมนต์ นอกจากนี้ ดัชนีที่เพิ่มเข้ามายังอ้างอิงถึงสตริงที่จะแทนที่สตริงที่ระบุ:
คอนโซล บันทึก ( '{0} คืออาร์กิวเมนต์แรก ในขณะที่ {1} เป็นอาร์กิวเมนต์ที่สอง' . รูปแบบ ( 'จาวา' , 'จาวาสคริปต์' ) ) ;ผลลัพธ์ที่สอดคล้องกันจะเป็น:
เราได้จัดเตรียมวิธีการที่ง่ายที่สุดในการใช้ JavaScript ที่เทียบเท่ากับ printf หรือ String.Format คุณสามารถใช้วิธีใดวิธีหนึ่งตามความต้องการของคุณ
บทสรุป
ในการใช้ JavaScript ที่เทียบเท่ากับ printf หรือ String.Format คุณสามารถใช้ “ console.log() ” วิธีการบันทึกค่าจำนวนเต็มและสตริงบนคอนโซลหรือ “ เอกสาร.เขียน() ” วิธีการแสดงค่าที่สอดคล้องกันบน DOM และ “ สตริงรูปแบบ () ” วิธีการอัพเดตค่าสตริงที่ตำแหน่งดัชนีที่ระบุ บทความนี้จะแนะนำคุณเกี่ยวกับ JavaScript เทียบเท่ากับ printf หรือ String.Format