JavaScript:
Concaténation de chaînes de caractères
How to:
Pour concaténer des chaînes en JavaScript, on utilise souvent l’opérateur + ou la méthode concat().
let salutation = "Bonjour";
let nom = "Alice";
let message = salutation + ", " + nom + "!"; // Utilisation de +
console.log(message); // "Bonjour, Alice!"
// Alternative avec concat()
message = salutation.concat(", ", nom, "!");
console.log(message); // "Bonjour, Alice!"
Avec les littéraux de gabarit (template literals), concaténer devient encore plus simple.
message = `${salutation}, ${nom}!`;
console.log(message); // "Bonjour, Alice!"
Deep Dive
Historiquement, la concaténation était réalisée avec l’opérateur +. En ES6 (ECMAScript 2015), JavaScript introduit les littéraux de gabarit avec des backticks (`) qui permettent d’insérer des variables directement dans le string et peuvent rendre le code plus lisible.
Pour des opérations plus lourdes, concat() peut être moins performante que + ou les littéraux de gabarit du fait de la création d’une nouvelle chaîne à chaque appel. Les moteurs JavaScript optimisent souvent la concaténation avec + lors de l’exécution, particulièrement pour des concats simples.
Alternativement, pour concaténer de grands ensembles de chaînes ou dans une boucle, on pourrait envisager d’utiliser un array avec la méthode join() pour éviter les problèmes de performance.
let mots = ["Bonjour", "Alice", "!"];
message = mots.join(", "); // Joins all array elements into a string
console.log(message); // "Bonjour, Alice, !"
See Also
- MDN Web Docs: String.prototype.concat()
- MDN Web Docs: Template literals (Template strings)
- You Might Not Need jQuery String concatenation