JavaScript Strängar används för att skriva ut en rad tecken och är en primitiv datatyp. När vi skapar och skriver ut strängar vill vi ibland lägga till värden från andra variabler eller sammanfoga flera strängar för att skapa en enda sträng. För att lösa detta problem använder vi formatering. JavaScript tillhandahåller olika inbyggda metoder för att formatera en sträng.
I den här artikeln kommer vi att diskutera metoder för att formatera en sträng. Den formaterade strängen kan innehålla en kombination av två eller flera strängar och kan till och med lagra olika variabelvärden kombinerade med en originalsträng
Det här är metoderna för att formatera en sträng:
- Använder sig av sammanlänkningsmetod
- Använder sig av backticks
- Använder sig av Stränginterpolation
Metod 1: Använd konkatenering
- Deklarera flera strängar och lagra deras värde i en variabel
- Använd sammanlänkningsoperatör för att kombinera värdena och lagra dem i en annan sträng
- Skriv ut den sammanfogade strängen
Exempel:
Javascript
handledning för react js
let str1 =>'Welcome '> let str2 =>'to '> let str3 =>'techcodeview.com'> let str4 = str1 + str2 +str3> console.log(str4)> |
>
>Produktion
Welcome to techcodeview.com>
Metod 2: Använda backticks
- Deklarera flera strängar och lagra deras värde i en variabel
- Använd och ${} för att formatera strängen och använd värdet på variabler
- Skriv ut den sammanfogade strängen
Exempel:
Javascript
let str1 =>'DSA'>;> let str2 =>'Web Development'>;> let str3 = `Use techcodeview.com to learn ${str1} and ${str2}`;> > console.log(str3);> |
>
insättningssort
>Produktion
Use techcodeview.com to learn DSA and Web Development>
Metod 3: Använda Stränginterpolation
Stränginterpolation är en utmärkt funktion för programmeringsspråk som gör det möjligt att injicera variabler, funktionsanrop och aritmetiska uttryck direkt i en sträng.
Exempel:
Javascript
datumformat.format
const name =>'Geeksforgeeks'>;> const message =>'Welcome to {name}.'>;> const formattedMessage => >message.replace(>'{name}'>, name);> console.log(formattedMessage);> |
>
>Produktion
Welcome to Geeksforgeeks.>
Vi har en komplett lista över JavaScript-strängmetoder, gå igenom detta för att kontrollera dem JavaScript-strängreferens artikel.