TypeScript:
Concaténation de chaînes de caractères
How to:
Concaténer avec le signe + :
let bonjour: string = "Bonjour";
let monde: string = "monde!";
let salutation: string = bonjour + " " + monde; // "Bonjour monde!"
Utiliser les littéraux de gabarits (template literals) avec les backticks ` :
let prenom: string = "Jean";
let nom: string = "Dupont";
let fullName: string = `${prenom} ${nom}`; // "Jean Dupont"
Résultats :
console.log(salutation); // Affiche "Bonjour monde!"
console.log(fullName); // Affiche "Jean Dupont"
Deep Dive
Historiquement, la concaténation de chaînes était réalisée principalement avec l’opérateur +. Mais cela pouvait devenir lourd avec l’ajout de variables et de chaînes complexes.
Avec l’ES6, TypeScript a hérité des littéraux de gabarits qui rendent le code plus lisible. Ils permettent aussi l’interpolation et le multiligne, ce qui était auparavant plus compliqué.
Il faut noter que sous le capot, lorsque vous utilisez l’opérateur +, TypeScript (et JavaScript) convertit les opérandes en chaînes si l’un d’eux est une chaîne de caractères, pouvant conduire à des comportements inattendus si vous n’êtes pas prudent.
Alternatives? Vous pouvez aussi concaténer avec les méthodes concat() ou des fonctions plus évoluées comme les tableaux et la méthode join(), mais pour commencer, + et les littéraux de gabarits sont vos meilleurs alliés.