TypeScript - mehrzeiliger String
In diesem Artikel wird gezeigt, wie mehrzeiliger String in TypeScript erstellt werden kann. Es gibt ein paar Möglichkeiten, um das zu machen.
- Template-Literal - eingeführt in ECMAScript 2015 (ES6).
- string sums,
- Backslash am Ende der Zeile - Dieser Ansatz ist nicht Teil des Standards.
1. Template-Literale (template strings) - Beispiel
Dieser Ansatz wurde in ES6 eingeführt, das von TypeScript unterstützt wird.
Hauptnachteil dieses Ansatzes sind Leerzeichenpräfixe für jede Zeile, wenn der Code klar formatiert werden soll.
let text = `Line 1;
Line 2;
Line 3;
Line 4;
Line 5;`;
console.log(text);
Ausgabe:
Line 1;
Line 2;
Line 3;
Line 4;
Line 5;
2. String sums - Beispiel
Dieser Ansatz löst das Problem der Präfixe für weiße Zeichen für formatierten Quellcode, führt jedoch zu einigen Komplikationen bei der Verwendung "
und +
Zeichen.
let text = 'Line 1;' +
'Line 2;' +
'Line 3;' +
'Line 4;' +
'Line 5;';
console.log(text);
Ausgabe:
Line 1;Line 2;Line 3;Line 4;Line 5;
3. Backslash am Ende der Zeile - Beispiel
Dieser Ansatz ist template literals
sehr ähnlich und führt zu Problemen bei der Verwendung von \
Zeichen am Zeilenende.
Hinweis: Diese Funktion ist nicht Teil des ECMAScript-Standards, also Quellcode transpiliert wird, soll man sicherstellen, dass er auch in sicheren Code transpiliert wird.
let text = 'Line 1;\
Line 2;\
Line 3;\
Line 4;\
Line 5;';
console.log(text);
Ausgabe:
Line 1;Line 2;Line 3;Line 4;Line 5;
4. Array.join
Methode - Beispiel
Dieser Ansatz ähnelt eher dem Schummeln, um einen Multi-Line String Effekt zu erzielen.
let array: Array<string> = [
'This',
'is',
'multiline',
'text.'
];
console.log(array.join('\n'));
Ausgabe:
This
is
multiline
text.