JavaSzkript karakterlánc formátum: Metódusok példákkal

Mi a JavaScript String formátum?

JavaA Script String formátum azokra a megközelítésekre utal, amelyek a karakterláncok meghatározott formában történő kezeléséhez és formázásához használhatók. Ez minden programozási nyelv döntő jellemzője, amely lehetővé teszi az alkalmazásban megjelenő szöveg feletti ellenőrzést.

A JavaA szkriptkód, a karakterlánc formázás egyszerű módon képes átalakítani az összetett adatokat. Ezenkívül javítja a kimenet olvashatóságát, és karbantarthatóbbá teszi a kódot. Ráadásul megfelelően formázva JavaA script karakterláncok szerepet játszhatnak az alkalmazás felhasználói élményének javításában is.

Hogyan kell formázni a karakterláncokat JavaForgatókönyv?

Egy karakterlánc formázásához JavaScript, kövesse a megadott lépéseket:

Step 1) Először is meg kell határozni a karakterláncba felvenni kívánt adatokat.

Step 2) Ezután válasszon egy módszert a karakterlánc formázásához JS-ben.

Step 3) Ennek megfelelően írja meg a megvalósítás kódját.

Step 4) Tesztelje a kódot, hogy megbizonyosodjon arról, hogy a várt kimenetet generálja.

Step 5) Frissítse vagy módosítsa a kódot, hogy megfeleljen a további formázási igényeknek vagy követelményeknek.

Step 6) Refaktorálja a kódot a karbantarthatóság és az olvashatóság érdekében.

JavaA szkript számos módszert kínál a formázott karakterláncok összeállítására, amelyek mindegyike különböző forgatókönyvekhez igazodik.

Különböző karakterlánc-formázási módszerek JavaForgatókönyv

Számos mód létezik a karakterláncok formázására JavaSzkript, beleértve az összefűzési operátorokat, a sablonliterálokat, a reguláris kifejezéseket és egyebeket.

A következő részben a következő megközelítéseket vizsgálja meg:

• {} Brackets hátlappal
• "+" Operator
• Egyedi függvény Karakterlánc formázása
• Összefűzési operátor
• Sablon literálok
• Reguláris kifejezés
• Egyedi funkció
• Háromszoros üzemeltető

1. módszer: A(z) {} használata Brackets a Backticks to Format String funkcióval JavaForgatókönyv

Ebben a módszerben használhatja sablon literálok hozzáadásával backticks (`) karakterlánc bezárásához. Ezután írja be a karakterlánc-argumentumok változóit zárójelekbe {}, amelyek elé egy „$” dollárjel kerül. Ezek a sablonok lehetővé teszik kifejezések beágyazását egy karakterlánc-literálba.

Ez a művelet segít a helyőrzőknek nevezett változók és más meghatározott értékek összefűzésében. Ennek eredményeként a végső formázott karakterláncot a helyőrzők értékeinek interpolálásával kapjuk meg.

Például két változót hoztunk létre:név"És"id”, majd a formázott kimenet generálásához backtick-be zárta őket. Vegye figyelembe, hogy a „{} $” szintaxis a kifejezések karakterláncba ágyazására szolgál.

Code:

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

Megfigyelhető, hogy a helyőrző „name” és „id” értékei megjelentek, ami azt jelenti, hogy a karakterlánc-interpoláció sikeresen megtörtént.

output:

Welcome Jenny, your ID is 1

2. módszer: A + használata Operator karakterlánc formázásához JavaForgatókönyv

A második megközelítés a Összefűzési operátor "+” az alapvető formázási karakterláncokhoz JavaForgatókönyv. Ez magában foglalja az egyes változók és karakterláncok összefűzését a kívánt kimenet létrehozásához.

Például most a „+” operátort használtuk ugyanazon változóértékek összefűzésére, és a „console.log()” metódus formázott karakterláncot ad vissza a konzolon.

Code:

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

output:

Welcome Jenny, your ID is 1

3. módszer: Egyéni függvény karakterlánc formázása JavaForgatókönyv

A JavaScript program, használhatja az egyéni függvénykarakterlánc formázási megközelítést is. Ebben a technikában a függvény elfogadja a kívánt változókat, és visszaadja a formázott karakterláncot. Ez a formázási funkció is nagy rugalmasságot kínál. Használhatja egyéni vagy összetett formázási követelmények teljesítésére is.

Itt létrehoztunk egy egyedi formátumú függvényt "üdvözlő üzenet ()"amely két változót fogad el"név"És"id” argumentumként, és formázott karakterláncokat ad ki a sablon karakterlánc-literálok felhasználásával.

Ezt követően definiáltuk a kívánt változókat, és egyéni formációs függvényhívás formátumban adtuk át őket.

Code:

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. módszer: Összefűzés használata a karakterlánc formázásához JavaForgatókönyv

láncolat egy egyszerű módszer a karakterláncok formázására JavaForgatókönyv. Ez a megközelítés magában foglalja a karakterlánc-változók vagy több karakterlánc kombinálását az összefűzési operátor használatával+”. Ezt a technikát egyszerű karakterlánc-összefűzési feladatokhoz is használhatja.

A megadott példában a „keresztnév"És"vezetéknév” a „+” operátor segítségével összefűzve a „teljes név” karakterláncot az alábbiak szerint.

Code:

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

output:

Alex Edward

5. módszer: Sablonliterálok használata a karakterlánc formázásához JavaForgatókönyv

Sablon karakterláncok amelyek más néven Sablon literálok kifejezőbb és fejlettebb módot kínál a karakterláncok formázására JavaForgatókönyv. Lehetővé teszik kifejezések és kifejezések közvetlen beágyazását változók a karakterláncon belül a helyőrző használatával${expression}".

Sőt, a sablonliterál támogatja a többsoros karakterláncokat is.

Code:

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

A fenti példában közvetlenül interpoláltuk a „név"És"kor" a karakterláncon belül a helyőrzők használatával "{} $” a sablonliterálok backtickjein (`) belül.

output:

Hi, Alex! You are 30 years old.

6. módszer: Reguláris kifejezések használata a karakterlánc formázásához JavaForgatókönyv

In Javascript kód, Rendszeres kifejezések a string manipulációhoz és a mintaillesztéshez használt robusztus eszköz. Ezen túlmenően az adott minta megtalálására és meghatározott értékekkel való helyettesítésére is használhatók. Ezt a műveletet a „cserélje ki ()”Módszer.

Nézze meg az alábbi programot, a csere () módszert két reguláris kifejezéssel használják, amelyek lecserélik a helyőrzőket "[név]"És"[azonosító]” a megfelelő értékkel.

Code:

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

Ez egy új karakterlánc objektumot eredményez, amely a "üzenet” változó kimenetként naplózva a konzolon.

output:

Welcome Jenny. Your ID is 1

7. módszer: Egyéni függvény használata a Format String in JavaForgatókönyv

Létrehozhat egy újrafelhasználhatóbb és testreszabottabb karakterlánc-formátumot is JavaForgatókönyv. Ehhez adjon meg egy újat egyedi funkció amely elfogad egy karakterláncot és egyéb paramétereket. Meghívhatja a helyőrzők lecserélésére vagy egyéni formázási szabályok alkalmazására. Ez a technika összetett formázási forgatókönyvekben is támogatja a testreszabott formázást.

Itt létrehoztunk egy új egyéni függvényformátumot, melynek neve "formatString", amely elfogad egy "húr"És"params"(sor paraméterek) argumentumként.

A függvénytörzsben meghívtuk a „cserélje ()" metódus reguláris kifejezéssel a helyőrzők helyettesítésére "0 {}, 1 {}” a megfelelő értékekkel a paramétertömbből.

Code:

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. módszer: Ternary használata Operator karakterlánc formázásához JavaForgatókönyv

JavaForgatókönyv Háromszoros üzemeltető egy gyorsírási mód feltételes kifejezések karakterláncokra írásához. Használható azonban karakterlánc formázására is, ha a megadott logikai kifejezésnek megfelelően két érték közül feltételesen kiválaszt egyet, és visszaadja a karakterláncot.

Syntax:

condition ? expressionIfTrue : expressionIfFalse

Tekintse meg ezt a példakódot, amely háromtagú operátor használatával karakterlánc objektummá formáz.

Code:

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

Itt két változót definiáltunk "név"És"is Admin" értékekkel "Állast nősténye"És"igaz”, ill.

Ezt követően a háromtagú operátort használva feltételesen hozzáadtuk a " karakterláncot, Ön adminisztrátor” az üzenetkarakterlánchoz, ha az opcionális „isAdmin” paraméter értéke igaz, a fent leírtak szerint.

Az egyes módszerek ismertetése után egy egymás melletti nézet tisztázza, hogy mikor melyiket kell használni.

Összehasonlítása JavaSzkriptkarakterlánc-formátum módszerei

Itt felsoroltuk a fentebb tárgyaltak előnyeit és hátrányait JavaSzkriptkarakterlánc formázási módszerek:

Vegye figyelembe, hogy a módszer kiválasztása nagymértékben függ az adott felhasználási esettől és az Ön vonatkozó követelményeitől JavaSzkript kódja.

GYIK