Home-theater-designers
In JavaScript ist ein String eine Gruppe von Zeichen, die entweder von einem Paar einfacher oder doppelter Anführungszeichen eingeschlossen sind. Es gibt viele Möglichkeiten, Strings in JavaScript zu formatieren.
Sie können bestimmte Methoden oder Operatoren verwenden, um Zeichenfolgen zu kombinieren. Sie können sogar bestimmte Operationen ausführen, um zu entscheiden, welche Zeichenfolge wo und wann angezeigt wird.
MAKEUSEOF VIDEO DES TAGES
Erfahren Sie, wie Sie Ihre JavaScript-Zeichenfolgen mithilfe von Verkettungsmethoden und Vorlagenliteralen formatieren.
String-Verkettung
JavaScript ermöglicht es Ihnen, Zeichenfolgen mit mehreren Ansätzen zu verketten. Ein sinnvoller Ansatz ist die concat() Methode. Diese Methode verwendet zwei oder mehr Zeichenfolgen. Es verwendet eine einzelne Aufrufzeichenfolge und akzeptiert eine oder mehrere Zeichenfolgen als Argumente.
const firstName = "John";
const lastName = "Doe";
let stringVal;
stringVal = firstName.concat(" ", lastName);
console.log(stringVal);
Hier verbindet concat die String-Argumente (ein Leerzeichen und lastName) mit dem aufrufenden String (firstName). Der Code speichert dann die resultierende neue Zeichenfolge in einer Variablen (stringVal) und gibt den neuen Wert an die Browserkonsole aus :
wie man die dpi des bildes sieht
Eine andere Möglichkeit, eine Sammlung von Zeichenfolgen zu verketten, ist die Verwendung des Plus-Operators. Mit dieser Methode können Sie Zeichenfolgenvariablen und Zeichenfolgenliterale kombinieren, um neue Zeichenfolgen zu erstellen.
const firstName = "John";
const middleName = "Mike";
const lastName = "Doe";
let stringVal;
stringVal = firstName + " " + middleName + " " + lastName;
console.log(stringVal);
Der obige Code gibt die folgende Ausgabe an die Konsole aus:
Ein dritter Ansatz zum Verketten Ihrer JavaScript-Strings erfordert die Verwendung eines Plus- und eines Gleichheitszeichens. Mit dieser Methode können Sie eine neue Zeichenfolge am Ende einer vorhandenen hinzufügen.
const firstName = "John";
const lastName = "Doe";
let stringVal;
stringVal = firstName;
stringVal += " ";
stringVal += lastName;
console.log(stringVal);
Dieser Code fügt ein Leerzeichen und den Wert der lastName-Variablen an die firstName-Variable an und erzeugt die folgende Ausgabe:
So finden Sie heraus, wer Sie angerufen hat
Vorlagenliterale
Vorlagenliterale sind eine ES6-Funktion, mit der Sie JavaScript-Strings formatieren können. Ein Vorlagenliteral verwendet ein Paar Backticks (`), um Zeichenfolgen anzuzeigen. Diese Methode der Zeichenfolgenformatierung ermöglicht es Ihnen, sauberere mehrzeilige Zeichenfolgen in JavaScript anzuzeigen.
let html;
html = `<ul>
<li> Name: John Doe </li>
<li> Age: 24 </li>
<li> Job: Software Engineer </li>
</ul>`;
document.body.innerHTML = html;
Der obige JavaScript-Code verwendet HTML So drucken Sie eine Liste mit drei Elementen im Browser:
Um dieselbe Ausgabe ohne Vorlagenliterale (oder vor Vorlagenliteralen) zu erzielen, müssten Sie Anführungszeichen verwenden. Sie könnten den Code jedoch nicht über mehrere Zeilen erweitern, wie dies bei Vorlagenliteralen möglich ist.
let html;
html = "<ul><li>Name: John Doe</li><li>Age: 24</li><li>Job: Software Engineer</li></ul>";
document.body.innerHTML = html;
String-Interpolation
Vorlagenliterale ermöglichen Ihnen die Verwendung von Ausdrücken in Ihren JavaScript-Strings durch einen Prozess namens Interpolation. Mit der String-Interpolation können Sie Ausdrücke oder Variablen mithilfe von in Ihre Strings einbetten ${Ausdruck} Platzhalter. Hier wird der Wert von JavaScript-Template-Literalen wirklich deutlich.
let userName = "Jane Doe";
let age = 21;
let job = "Web Developer";
let experience = 3;
let html;
html = `<ul>
<li> Name: ${userName} </li>
<li> Age: ${age} </li>
<li> Job Title: ${job} </li>
<li> Years of Experience: ${experience} </li>
<li> Developer Level: ${experience < 5 ? "Junior to Intermediate" : "Senior"} </li>
</ul>`;
document.body.innerHTML = html;
Der obige Code erzeugt die folgende Ausgabe in der Konsole:
Die ersten vier Argumente der ${Ausdruck} Platzhalter sind String-Variablen, aber der fünfte ist ein bedingter Ausdruck. Der Ausdruck stützt sich auf den Wert einer der Variablen (Erfahrung), um festzulegen, was er im Browser anzeigen soll.
iphone 12 pro max vs pro
Elemente auf Ihrer Webseite mit JavaScript formatieren
Abgesehen von seiner funktionalen Verbindung mit der Entwicklung von Webseiten arbeitet JavaScript mit HTML zusammen, um das Design und Layout einer Webseite zu beeinflussen. Es kann den Text manipulieren, der auf einer Webseite erscheint, wie es bei Template-Literalen der Fall ist.
Es kann sogar HTML in Bilder konvertieren und diese auf einer Webseite anzeigen.