Premiers pas en JavaScript
5.1 Concaténation
cuy copyleft
  See You Why?  

 


types de variables - test (4.9) | | concatenation variable variable (5.2)

Contenu

 

 

I. Concaténation

Quel mot 'bizarre' ! La connaissance du latin (ou des motos) pourraient cependant vous aider... la plupart des BMW sont des motos acatènes, c-à-d sans chaine... catena est la traduction latine du mot 'chaine'.
Définition : "La concaténation est la mise de plusieurs chaines bout à bout dans une même chaine."

 

A. la concaténation de chaines avec +

En JS, c'est le signe + qui est utilisé pour concaténer plusieurs chaines. En PHP, la concaténation se fait avec un point.

Ainsi, en écrivant :

var ma_variable = "Bonjour"+"tout le monde";

la variable ma_variable contiendra la chaine "Bonjourtout le monde". Évidemment, JS ne rajoutera ni les espaces manquants, ni la ponctuation... à vous d'y penser.

Pas grand intérêt, il suffisait d'écrire la chaine en entier... et pourtant, cette méthode permet de concaténer des chaines pour obtenir une très longue chaine. C'est la méthode que nous avons employée pour créer un message adapté à l'internaute qui voulait faire usage de notre calculateur "du brut au net", lorsque nous renvoyons un mail à l'internaute. On peut y lire :

var message2;
message2='<center><div style="background:#E6E6FA; width:80%; border:1px solid blue; margin-top:50px; font-family: arial">';
message2+='<p align="center" style="color:#191970; margin-top: 10px; margin-bottom: 10px; font-size: 120%"><br>';
message2+='<br>Ce calcul se fera dans les limites des donn&eacute;es que vous introduirez et n\'est valable qu\'&agrave; partir du 1er janvier 2012, <br>
pour les salaires soumis au pr&eacute;compte belge <br>
et inférieurs à un imposable de 5&nbsp;610,00&nbsp;&euro;. ';
message2+='<br>Notre intention est de vous donner une id&eacute;e de votre salaire net MENSUEL. ';
message2+='<br>CUY ne pourra en aucun cas être tenue pour responsable des &eacute;ventuelles diff&eacute;rences par rapport au calcul fourni par votre employeur.'
message2+='<br>© CUY-05/2011</p></div></center>';

Exemple

<html>
<head><title>concaténation de chaines</title></head>
<body>
<script type="text/javascript">

var message2;
message2='<center><div style="background:#E6E6FA; width:80%; border:1px solid blue; margin-top:50px; font-family: arial">
message2+='<p align="center" style="color:#191970; margin-top: 10px; margin-bottom: 10px; font-size: 120%"><br>';
message2+='<br>Ce calcul se fera dans les limites des donn&eacute;es que vous introduirez et n\'est valable qu\'&agrave; partir du 1er janvier 2011, <br>
pour les salaires soumis au pr&eacute;compte belge <br>
et inférieurs à un imposable de 5&nbsp;610,00&nbsp;&euro;. ';
message2+='<br>Notre intention est de vous donner une id&eacute;e de votre salaire net MENSUEL. ';
message2+='<br>CUY ne pourra en aucun cas être tenue pour responsable des &eacute;ventuelles diff&eacute;rences par rapport au calcul fourni par votre employeur.';
message2+='<br>© CUY-05/2011</p></div></center>'; 
</script>
</body>
</html>


 

B. le curieux signe +=

x += y;
ne signifie rien d'autre que :
x = x + y;

De même
message2 += " suite du message ";
signifie aussi
message2 = message2 + " suite du message ";

On lira :
x prend comme nouvelle valeur l'ancienne valeur de x augmentée de y
ou
message2 prend comme nouvelle valeur l'ancienne valeur de message2 concaténée à " suite du message ".

 

 

II. Concaténation variable-variable

voir suite >>>

 

III. Concaténation variable-chaine

voir suite >>>

 

IV. Manipulation de chaines

voir suite >>>

 

V. Expressions régulières

voir suite >>>

 

VI. Méthodes des expressions régulières

voir suite >>>

 

VIII. Exercices sur la concaténation

voir suite >>>

 

IX. Test relatif aux concaténations de chaines

voir suite >>>

 


types de variables - test (4.9) | | concatenation variable variable (5.2)