Javaรูปแบบสตริงสคริปต์: วิธีการที่มีตัวอย่าง

ความหมายของ Javaรูปแบบสตริงสคริปต์?

Javaรูปแบบสตริงสคริปต์หมายถึงแนวทางที่สามารถใช้ในการจัดการและจัดรูปแบบสตริงในรูปแบบที่กำหนดไว้ ถือเป็นคุณลักษณะสำคัญของภาษาการเขียนโปรแกรมทุกภาษาที่ให้คุณควบคุมข้อความที่ปรากฏในแอปพลิเคชันของคุณได้

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

วิธีจัดรูปแบบสตริงใน Javaสคริปต์?

เพื่อจัดรูปแบบสตริงใน Javaสคริปต์ ทำตามขั้นตอนที่ให้มา:

ขั้นตอน 1) ขั้นแรก จำเป็นต้องกำหนดข้อมูลที่คุณต้องการรวมไว้ในสตริง

ขั้นตอน 2) จากนั้นเลือกวิธีการจัดรูปแบบสตริงใน JS

ขั้นตอน 3) เขียนโค้ดสำหรับการใช้งานตามนั้น

ขั้นตอน 4) ทดสอบรหัสเพื่อให้แน่ใจว่าสร้างผลลัพธ์ที่คาดหวัง

ขั้นตอน 5) อัปเดตหรือแก้ไขโค้ดเพื่อให้ตรงกับความต้องการหรือข้อกำหนดในการจัดรูปแบบเพิ่มเติม

ขั้นตอน 6) ปรับโครงสร้างโค้ดใหม่เพื่อให้สามารถบำรุงรักษาและอ่านง่าย

วิธีการจัดรูปแบบสตริงแบบต่างๆ Javaต้นฉบับ

มีหลายวิธีในการจัดรูปแบบสตริง Javaสคริปต์ที่รวมถึงตัวดำเนินการเรียงต่อกัน เทมเพลตตัวอักษร นิพจน์ทั่วไปและอื่นๆ อีกมากมาย

ในหัวข้อถัดไป คุณจะสำรวจแนวทางต่อไปนี้:

• {} Brackets มีแบ็คติค
• “+” OperaTor
• ฟังก์ชั่นที่กำหนดเอง การจัดรูปแบบสตริง
• ตัวดำเนินการการเรียงต่อกัน
• ตัวอักษรเทมเพลต
• นิพจน์ทั่วไป
• ฟังก์ชั่นที่กำหนดเอง
• ตัวดำเนินการ Ternary

วิธีที่ 1: การใช้ {} Brackets ด้วย Backticks เพื่อจัดรูปแบบสตริง Javaต้นฉบับ

ในวิธีนี้คุณสามารถใช้ เทมเพลต ตัวอักษรโดยการเพิ่ม แบ็คทิค (`) เพื่อใส่สตริง จากนั้นแทรกตัวแปรของอาร์กิวเมนต์สตริงในวงเล็บ {} นำหน้าด้วยเครื่องหมายดอลลาร์ “$” เทมเพลตเหล่านี้ช่วยให้คุณฝังนิพจน์ภายในสตริงลิเทอรัลได้

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

เช่น เราได้สร้างตัวแปรขึ้นมา 2 ตัว คือ “ชื่อ"และ"id” แล้วใส่ไว้ใน backticks เพื่อสร้างเอาต์พุตที่จัดรูปแบบแล้ว โปรดทราบว่า “-” ไวยากรณ์ใช้สำหรับการฝังนิพจน์ด้วยสตริง

รหัส:

const name = "Jenny";
const id = 1;
console.log (`Welcome ${name}, your ID is ${id}`);

จะเห็นได้ว่าค่า “ชื่อ” และ “รหัส” ของตัวแทนนั้นได้รับการแสดงแล้ว ซึ่งหมายความว่าการแทรกสตริงได้รับการดำเนินการสำเร็จแล้ว

Output:

Welcome Jenny, your ID is 1

วิธีที่ 2: การใช้ + Operator เพื่อจัดรูปแบบสตริงใน Javaต้นฉบับ

แนวทางที่สองคือการใช้ ตัวดำเนินการการเรียงต่อกัน "+” สำหรับสตริงการจัดรูปแบบพื้นฐานใน Javaสคริปต์ วิธีนี้เกี่ยวข้องกับการเชื่อมโยงตัวแปรและสตริงแต่ละรายการเข้าด้วยกันเพื่อสร้างเอาต์พุตตามต้องการ

ตัวอย่างเช่น ตอนนี้เราใช้ตัวดำเนินการ "+" เพื่อเชื่อมค่าตัวแปรเดียวกัน และวิธี "console.log()" จะส่งคืนสตริงที่จัดรูปแบบแล้วบนคอนโซล

รหัส:

const name = "Jenny";
const id = 1;
console.log("Welcome " + name + ", your ID is " + id);

Output:

Welcome Jenny, your ID is 1

วิธีที่ 3: การจัดรูปแบบสตริงฟังก์ชันแบบกำหนดเอง Javaต้นฉบับ

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

ที่นี่เราได้สร้างฟังก์ชันรูปแบบที่กำหนดเองชื่อ “ยินดีต้อนรับข่าวสาร()” ที่รับตัวแปรสองตัว”ชื่อ"และ"id” เป็นอาร์กิวเมนต์และเอาต์พุตสตริงที่จัดรูปแบบโดยใช้ตัวอักษรสตริงเทมเพลต

หลังจากนั้น เราได้กำหนดตัวแปรที่ต้องการและส่งผ่านในรูปแบบการเรียกฟังก์ชันรูปแบบแบบกำหนดเอง

รหัส:

function welcomeMsg(name, id) {
  return `Welcome ${name}, your ID is ${id}`;
}
const name = "Jenny";
const id = 1;
const msg = welcomeMsg(name, id);
console.log(msg);

Output:

Welcome Jenny, your ID is 1

วิธีที่ 4: การใช้การต่อข้อมูลสำหรับสตริงรูปแบบใน Javaต้นฉบับ

เรียงต่อกัน เป็นวิธีง่าย ๆ ที่ใช้ในการจัดรูปแบบสตริง Javaสคริปต์ วิธีนี้เกี่ยวข้องกับการรวมตัวแปรสตริงหรือสตริงหลายตัวเข้าด้วยกันโดยใช้ตัวดำเนินการเรียงต่อกัน “+- คุณยังสามารถใช้เทคนิคนี้สำหรับงานการต่อสตริงอย่างง่าย

ในตัวอย่างที่ให้มา ตัวแปร “ชื่อจริง"และ"นามสกุล” จะถูกเรียงต่อกันด้วยความช่วยเหลือของตัวดำเนินการ “+” เพื่อสร้าง “ชื่อเต็ม” สตริงดังต่อไปนี้

รหัส:

var firstName = "Alex";
var lastName = "Edward";
var fullName = firstName + " " + lastName;
console.log(fullName);

Output:

Alex Edward

วิธีที่ 5: การใช้ตัวอักษรเทมเพลตสำหรับสตริงรูปแบบ Javaต้นฉบับ

สตริงเทมเพลต ซึ่งยังเป็นที่รู้จักกันในนาม ตัวอักษรเทมเพลต นำเสนอวิธีการจัดรูปแบบสตริงที่ชัดเจนและล้ำหน้ายิ่งขึ้น Javaสคริปต์ อนุญาตให้ฝังการแสดงออกโดยตรงและ ตัวแปร ภายในสตริงโดยใช้ตัวยึดตำแหน่ง “${การแสดงออก}"

นอกจากนี้ เทมเพลตลิเทอรัลยังให้การสนับสนุนสตริงหลายบรรทัดอีกด้วย

รหัส:

var name = "Alex";
var age = 30;
var msg = `Hi, ${name}! You are ${age} years old.`;
console.log(msg);

ในตัวอย่างข้างต้น เราได้ประมาณค่าตัวแปรโดยตรง “ชื่อ"และ"อายุ” ภายในสตริงโดยใช้ตัวยึดตำแหน่ง “-” ภายใน backticks (`) ของตัวอักษรเทมเพลต

Output:

Hi, Alex! You are 30 years old.

วิธีที่ 6: การใช้นิพจน์ทั่วไปเพื่อจัดรูปแบบสตริง Javaต้นฉบับ

In Javaโค้ดสคริปต์, นิพจน์ปกติ เป็นเครื่องมือที่มีประสิทธิภาพที่ใช้สำหรับการจัดการสตริงและการจับคู่รูปแบบ นอกจากนี้ ยังใช้ในการค้นหารูปแบบที่กำหนดและแทนที่ด้วยค่าที่กำหนด การดำเนินการนี้สามารถทำได้ด้วยความช่วยเหลือของ “แทนที่ ()" วิธี.

ตรวจสอบโปรแกรมด้านล่าง วิธีแทนที่ () ใช้กับนิพจน์ทั่วไปสองตัวที่จะแทนที่ตัวยึดตำแหน่ง “[ชื่อ]"และ"[NS]” ด้วยค่าที่เกี่ยวข้อง

รหัส:

let name = "Jenny";
let id = 1;
let message = "Welcome [name], your ID is [id]".replace(/\[name\]/g, name).replace(/\[id\]/g, id);
console.log(message);

ซึ่งส่งผลให้มีวัตถุสตริงใหม่ซึ่งจะถูกจัดเก็บไว้ใน "ข่าวสาร” ตัวแปรที่ล็อกออนบนคอนโซลเป็นเอาต์พุต

Output:

Welcome Jenny. Your ID is 1

วิธีที่ 7: การใช้ฟังก์ชันแบบกำหนดเองสำหรับ Format String ใน Javaต้นฉบับ

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

ที่นี่เราได้สร้างรูปแบบฟังก์ชันที่กำหนดเองใหม่ชื่อ “formatString” ที่ยอมรับ “เชือก"และ"params"(แถว ของพารามิเตอร์) เป็นอาร์กิวเมนต์

ภายในเนื้อหาของฟังก์ชันเราได้เรียกใช้ "แทนที่ ()” วิธีการที่มีนิพจน์ทั่วไปสำหรับการแทนที่ตัวยึดตำแหน่ง “0 {}, 1 {}” พร้อมค่าตามลำดับจากอาร์เรย์พารามิเตอร์

รหัส:

function formatString(string, params) {
  return string.replace(/{(\d+)}/g, (match, index) => {
    return typeof params[index] !== 'undefined' ? params[index] : match;
  });
}
var name = "Alex";
var age = 30;
var formattedMsg = formatString("Hi, {0}! You are {1} years old.", [name, age]);
console.log(formattedMsg); 

Output:

Hi, Alex! You are 30 years old.

วิธีที่ 8: การใช้ Ternary Operator เพื่อจัดรูปแบบสตริงใน Javaต้นฉบับ

Javaต้นฉบับ ตัวดำเนินการ Ternary เป็นวิธีการเขียนชวเลขสำหรับการเขียนนิพจน์เงื่อนไขบนสตริง อย่างไรก็ตาม ยังใช้สำหรับการจัดรูปแบบสตริงได้ด้วยการเลือกค่าหนึ่งในสองค่าตามเงื่อนไขตามนิพจน์บูลีนที่ระบุและส่งกลับสตริง

ไวยากรณ์:

condition ? expressionIfTrue : expressionIfFalse

ลองดูโค้ดตัวอย่างการใช้ตัวดำเนินการเทอร์นารีเพื่อจัดรูปแบบเป็นอ็อบเจ็กต์สตริง

รหัส:

let name = "Jenny";
let isAdmin = true;
let msg = `Welcome ${name}${isAdmin ? ", you are an admin" : ""}`;
console.log(msg);

Output:

Welcome Jenny, you are an admin

ตรงนี้เราได้กำหนดตัวแปรไว้ 2 ตัว”ชื่อ"และ"คือผู้ดูแลระบบ” ด้วยคุณค่า “สัตว์ตัวเมีย"และ"จริง” ตามลำดับ

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

เปรียบเทียบ Javaวิธีการจัดรูปแบบสตริงสคริปต์

ที่นี่เราได้รวบรวมข้อดีและข้อเสียของสิ่งที่กล่าวมาข้างต้นแล้ว Javaวิธีการจัดรูปแบบสตริงสคริปต์:

วิธี	ข้อดี	ข้อเสีย
Brackets {} พร้อม backticks (`)	• ง่ายต่อการใช้. • โค้ดที่กระชับและอ่านง่าย	อาจไม่เหมาะกับความต้องการการจัดรูปแบบที่ซับซ้อนมากขึ้น
ตัวดำเนินการ “+”	เข้าใจง่าย.	อาจไม่มีประสิทธิภาพสำหรับความต้องการการจัดรูปแบบที่ซับซ้อนมากขึ้น
ฟังก์ชั่นที่กำหนดเองสำหรับการจัดรูปแบบสตริง	ให้ความยืดหยุ่นอย่างมาก	ต้องใช้ความพยายามในการเขียนโค้ดมากขึ้น
เรียงต่อกัน OperaTor	เรียบง่ายและได้รับการสนับสนุนอย่างกว้างขวาง	ยุ่งยากสำหรับการจัดรูปแบบสตริงที่ซับซ้อน
เทมเพลต Literals	• รองรับสตริงหลายบรรทัด • Readable และไวยากรณ์ที่ใช้งานง่าย	การควบคุมตัวเลือกการจัดรูปแบบมีจำกัด
นิพจน์ทั่วไป	ให้ความยืดหยุ่นอย่างมาก	การใช้งานและการบำรุงรักษาที่แตกต่างกันเมื่อเปรียบเทียบกับวิธีอื่น
ฟังก์ชั่นที่กำหนดเอง	ให้ความยืดหยุ่นได้มาก	ต้องการการเข้ารหัสเพิ่มเติมเพื่อสร้างและรักษาฟังก์ชันแบบกำหนดเอง
ตัวดำเนินการ Ternary	วิธีที่กระชับในการจัดการค่าว่างหรือค่าที่ไม่ได้กำหนด	อาจไม่เหมาะกับความต้องการการจัดรูปแบบที่ซับซ้อนมากขึ้น

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

สรุป

In Javaต้นฉบับคุณสามารถใช้เทมเพลตตัวอักษร ตัวดำเนินการแบบเทอร์นารีได้ “+ตัวดำเนินการ นิพจน์ทั่วไป และฟังก์ชันที่กำหนดเองเพื่อจัดรูปแบบสตริง วิธีการจัดรูปแบบสตริงเหล่านี้ช่วยให้นักพัฒนาสามารถจัดการและนำเสนอข้อมูลข้อความได้อย่างมีประสิทธิภาพ

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