Concaténation

Objectif

  • Savoir à quoi correspond la concaténation et comme l'utiliser.

Mise en situation

Une opération de manipulation de texte que nous n'avons pas abordée et qui semble pourtant naturelle est la concaténation. C'est l'opération qui consiste à raccorder entre elles 2 chaînes de caractères pour n'en former qu'une seule. Imaginez que votre programme demande le nom de votre utilisateur, le stocke dans une variable, puis veuille afficher un message de bienvenue. La chaîne de caractères que vous allez afficher sera la concaténation de votre message générique et du nom de l'utilisateur.

DéfinitionLa concaténation

La concaténation est une opération de « collage » de chaînes de caractères. Il s'agit tout simplement d'ajouter une chaîne à la suite d'une autre.

La concaténation s'effectue grâce à l'opérateur +. Elle place les chaînes les unes à la suite des autres, sans les séparer avec des espaces : c'est au programmeur de s'en occuper.

On peut concaténer un nombre quelconque de chaînes.

Exemple

1
/** JavaScript */
2
const str1 = 'miel'
3
const str2 = 'de'
4
const str3 = 'printemps'
5
const label = str1 + str2 + str3
6
console.log(label)
1
"""Python."""
2
str1 = 'miel'
3
str2 = 'de'
4
str3 = 'printemps'
5
label = str1 + str2 + str3
6
print(label)

Les deux programmes affichent mieldeprintemps.

Syntaxe

Il est possible d'afficher directement la concaténation de chaînes avec l'instruction d'impression sur la sortie standard.

  • en JavaScript : console.log(str1, str2, ...)

  • en python : print(str1, str2, ...)

Les chaînes sont dans ce cas automatiquement espacées les unes des autres.

Exemple

1
"""Pyhton."""
2
str1 = 'pirates'
3
str2 = 'des'
4
str3 = 'Caraibes'
5
print(str1, str2, str3)
1
/** JavaScript */
2
const str1 = 'pirates'
3
const str2 = 'des'
4
const str3 = 'Caraïbes'
5
console.log (str1, str2, str3)

Les deux programmes affichent pirates des Caraïbes.

MéthodeFonction de concaténation

Il existe plusieurs façon de concaténer des chaînes. On peut utiliser l'opérateur + mais cela peut créer de la confusion avec les additions entre nombres.

  • En JavaScript on utilise la méthode .concat() qui fait la concaténation de chaînes de caractères : la première chaîne est celle qui appelle la méthode .concat() et les autres sont placées entre les parenthèses.

    str1.concat(' ', str2, ...)

  • En Python, il est préférable d'utiliser la méthode ''.join([]) qui concatène plusieurs chaînes en les séparant avec le caractère placé entre guillemets simples.

    ' '.join([str1, str2, ...])

Exemple

1
"""Pyhton."""
2
str1 = 'pirates'
3
str2 = 'des'
4
str3 = 'Caraibes'
5
title = ' '.join([str1, str2, str3])
6
print(title)
1
/** JavaScript */
2
const str1 = 'pirates'
3
const str2 = 'des'
4
const str3 = 'Caraïbes'
5
const title = str1.concat(' ', str2, ' ', str3)
6
console.log (title)

Les deux programmes affichent pirates des Caraïbes.

ComplémentLittéraux de gabarits en JavaScript

Les littéraux de gabarits permettant d'intégrer des chaînes de caractères multi-lignes ou d'insérer des valeurs de variables directement à l'intérieur de chaînes de caractères.

developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Littéraux_gabarits

À retenir

La concaténation consiste à « coller » des chaînes les unes à la suite des autres. Il est possible de concaténer des chaînes avec l'opérateur + ou d'utiliser les méthodes dédiées à la concaténation. Le choix est laissé au développeur, selon le contexte et la clarté du code.