JavaFormat șir de script: Metode cu EXEMPLE

Ce Este JavaFormat șir de script?

JavaFormatul Script String se referă la abordările care pot fi utilizate pentru manipularea și formatarea șirurilor într-o formă definită. Este o caracteristică crucială a oricărui limbaj de programare care vă permite să aveți control asupra textului care apare în aplicația dvs.

În tau JavaCodul de script, formatarea șirurilor pot transforma date complexe într-un mod simplu. De asemenea, îmbunătățește lizibilitatea ieșirii și face codul mai ușor de întreținut. În plus, formatat corespunzător JavaȘirurile de script pot juca, de asemenea, un rol în îmbunătățirea experienței utilizatorului aplicației.

Cum se formatează șirurile în JavaScenariul?

Pentru a formata un șir în JavaScript, urmați pașii furnizați:

Pas 1) În primul rând, este necesar să determinați datele pe care doriți să le includeți în șir.

Pas 2) Apoi, selectați o metodă pentru a formata șirul în JS.

Pas 3) Scrieți codul pentru implementarea lui în consecință.

Pas 4) Testați codul pentru a vă asigura că generează rezultatul așteptat.

Pas 5) Actualizați sau modificați codul pentru a satisface nevoile sau cerințele suplimentare de formatare.

Pas 6) Refactorizează codul pentru menținere și lizibilitate.

Diferite metode de formatare a șirurilor în JavaScenariu

Există mai multe moduri de a formata șirurile în JavaScript, inclusiv operatori de concatenare, literale șablon, expresii regulate și multe altele.

În secțiunea următoare, veți explora următoarele abordări:

• {} Brackets cu spinare
• "+" OperaTdR
• Funcție personalizată Formatare șiruri
• Operator de concatenare
• Literale șablon
• Expresie uzuala
• Funcție personalizată
• Operator ternar

Metoda 1: Folosind {} Brackets cu Backticks pentru a forma șirul în JavaScenariu

În această metodă, puteți utiliza șablon literali prin adăugarea backticks (`) pentru includerea unui șir. Apoi, inserați variabile ale argumentelor șirului între paranteze {} precedate de semnul dolar „$”. Aceste șabloane vă permit să încorporați expresii într-un literal șir.

Această operație ajută la concatenarea variabilelor numite substituenți și a altor valori definite. În consecință, șirul final formatat este obținut prin interpolarea valorilor substituenților.

De exemplu, am creat două variabile, „nume"Și"id,” și apoi le-a inclus în backtick-uri pentru a genera rezultatul formatat. Rețineți că „{} $” sintaxa este folosită pentru încorporarea expresiilor cu șirul.

Cod:

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

Se poate observa că au fost afișate valorile „nume” și „id” al substituentului, ceea ce înseamnă că interpolarea șirurilor a fost efectuată cu succes.

ieșire:

Welcome Jenny, your ID is 1

Metoda 2: Folosind + Operator pentru a forma șirul în JavaScenariu

A doua abordare este folosirea Operator de concatenare +” pentru șiruri de formatare de bază în JavaScenariul. Acest mod implică concatenarea variabilelor individuale și a șirurilor împreună pentru a genera rezultatul dorit.

De exemplu, acum am folosit operatorul „+” pentru a concatena aceleași valori variabile, iar metoda „console.log()” va returna un șir formatat pe consolă.

Cod:

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

ieșire:

Welcome Jenny, your ID is 1

Metoda 3: Funcția personalizată Formatarea șirului în JavaScenariu

În tau JavaProgram script, puteți utiliza și abordarea de formatare a șirurilor de funcții personalizate. În această tehnică, funcția acceptă variabilele dorite și returnează șirul formatat. Această funcție de format oferă, de asemenea, multă flexibilitate. De asemenea, îl puteți utiliza pentru a îndeplini cerințele de formatare personalizate sau complexe.

Aici, am creat o funcție de format personalizat numită „mesaj de bun venit()„care acceptă două variabile”nume"Și"id” ca argumente și scoate șiruri formatate prin utilizarea literalelor șirurilor de șablon.

După aceea, am definit variabilele dorite și le-am transmis în formatul de apelare a funcției de formare personalizată.

Cod:

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);

ieșire:

Welcome Jenny, your ID is 1

Metoda 4: Utilizarea concatenării pentru șirul de format în JavaScenariu

Concatenare este o metodă simplă utilizată pentru formatarea șirurilor în JavaScenariul. Această abordare implică combinarea variabilelor de șir sau a mai multor șiruri împreună folosind operatorul de concatenare „+”. De asemenea, puteți utiliza această tehnică pentru sarcini simple de concatenare a șirurilor.

În exemplul oferit, variabilele „Nume"Și"nume” va fi concatenat cu ajutorul operatorului „+” pentru a forma „Numele complet” șir după cum urmează.

Cod:

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

ieșire:

Alex Edward

Metoda 5: Utilizarea literalelor șablonului pentru șirul de format în JavaScenariu

Șiruri de șabloane care mai sunt cunoscute și ca Literale șablon oferă o modalitate mai expresivă și mai avansată de a formata șirurile JavaScenariul. Ele permit încorporarea directă a expresiilor și variabile în șir folosind substituentul „${expression}".

În plus, șablonul literal oferă și suport pentru șirurile cu mai multe linii.

Cod:

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

În exemplul de mai sus, am interpolat direct variabila „nume"Și"vârstă” în cadrul șirului prin utilizarea substituenților ”{} $” în spatele (`) ale literalelor șablon.

ieșire:

Hi, Alex! You are 30 years old.

Metoda 6: Utilizarea expresiilor regulate pentru a formata șirul în JavaScenariu

In JavaCod script, Expresii obisnuite sunt instrumentul robust folosit pentru manipularea șirurilor și potrivirea modelelor. Mai mult, ele sunt, de asemenea, utilizate pentru găsirea modelului dat și înlocuirea lor cu valori definite. Această operațiune se poate face cu ajutorul „a inlocui ()”Metoda.

Consultați programul de mai jos, metoda înlocuire () este folosită cu două expresii regulate care vor înlocui substituenții „[Nume]"Și"[id]” cu valoarea respectivă.

Cod:

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);

Acest lucru are ca rezultat un nou obiect șir care va fi stocat în „mesaj” variabilă înregistrată pe consolă ca ieșire.

ieșire:

Welcome Jenny. Your ID is 1

Metoda 7: Utilizarea unei funcții Personalizate pentru Format String în JavaScenariu

De asemenea, puteți crea un format de șir mai reutilizabil și personalizat în JavaScenariul. Pentru a face acest lucru, definiți un nou funcție personalizată care acceptă un șir și alți parametri. Îl puteți apela pentru a înlocui substituenții sau pentru a aplica reguli de formatare personalizate. Această tehnică acceptă și formatarea personalizată în scenarii complexe de formatare.

Aici, am creat un nou format de funcție personalizat numit „formatString" care acceptă un "şir"Și"parametrii"(mulțime a parametrilor) ca argumente.

În corpul funcției, am invocat „a inlocui ()” metoda cu o expresie regulată pentru înlocuirea substituenților ”0 {}, 1 {}” cu valorile lor respective din tabloul de parametri.

Cod:

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); 

ieșire:

Hi, Alex! You are 30 years old.

Metoda 8: Utilizarea Ternarului Operator pentru a forma șirul în JavaScenariu

JavaScenariu Operator ternar este o modalitate scurtă de scriere a expresiilor condiționate pe șiruri. Cu toate acestea, poate fi folosit și pentru formatarea șirurilor de caractere selectând condiționat una dintre cele două valori în funcție de expresia booleană specificată și returnând șirul.

Sintaxă:

condition ? expressionIfTrue : expressionIfFalse

Aruncă o privire la acest exemplu de cod de utilizare a unui operator ternar pentru a formata într-un obiect șir.

Cod:

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

ieșire:

Welcome Jenny, you are an admin

Aici, am definit două variabile „nume"Și"isAdmin„cu valorile „Jenny"Și"adevărat”, respectiv.

După aceea, am folosit operatorul ternar pentru a adăuga condiționat șirul „, esti administrator” la șirul de mesaj dacă valoarea parametrului opțional „isAdmin” este adevărată, așa cum sa menționat mai sus.

In comparatie cu JavaMetode de format de șir de script

Aici, am enumerat avantajele și dezavantajele celor discutate mai sus JavaMetode de format de șir de script:

Metodă	Avantaje	Dezavantaje
Brackets {} cu backticks (`)	• Ușor de folosit. • Cod concis și ușor de citit.	Este posibil să nu fie adecvat pentru cerințe de formatare mai complexe.
operatorul „+”.	Ușor de înțeles.	Poate fi ineficient pentru cerințe de formatare mai complexe.
Funcție personalizată pentru formatarea șirurilor	Oferă multă flexibilitate.	Necesită mai mult efort de codare.
Concatenare OperaTdR	Simplu și susținut pe scară largă.	Greuitor pentru formatarea șirurilor complexe.
Litere de șablon	• Suportă șiruri cu mai multe linii. • Readable și sintaxă intuitivă.	Control limitat asupra opțiunilor de formatare.
Expresii obisnuite	Oferă multă flexibilitate.	Implementare și întreținere diferite în comparație cu alte metode.
Funcție personalizată	Oferă multă flexibilitate.	Necesita codare suplimentară pentru crearea și menținerea unei funcții personalizate.
Operator ternar	Mod concis de manipulare a valorilor nule sau nedefinite.	Este posibil să nu fie potrivit pentru cerințe de formatare mai complexe.

Rețineți că selectarea metodei depinde în mare măsură de cazul de utilizare specific și de cerințele relevante ale dvs JavaCod script.

Concluzie

In JavaScenariu, puteți utiliza literale șablon, operatorul ternar, „+” operator, expresii regulate și funcția personalizată pentru formatarea șirurilor. Aceste metode de format de șir permit dezvoltatorilor să manipuleze și să prezinte datele textuale într-un mod eficient.

Astfel, selectați metoda potrivită în funcție de lizibilitate, performanță și compatibilitate cu browserul. Dă putere dezvoltatorilor să îmbunătățească experiența utilizatorului și să atingă standardele de formatare dorite.