Languages
[Edit]
DE

TypeScript - mehrzeiliger String

3 points
Created by:
Nikki
1659

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.

Literaturverzeichnis

  1. Template literals - MDN
Hey ūüĎč
Would you like to know what we do?
  • Dirask is a friendly IT community for learners, professionals and hobbyists to share their knowledge and help each other in extraordinary easy way.
  • We welcome everyone,
    no matter what the experience,
    no matter how basic the question is,
    this community will help you.