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


JavaScript 1 - Introduction
JavaScript 2 - Commentaires et instructions
JavaScript 3 - Variables
JavaScript 4 - Types de variables
JavaScript 5 - Variables et chaines
5.1 JS : concaténation chaine-chaine
5.2 JS : concaténation variable-variable
5.3 JS : concaténation chaine-chaine
5.4 JS : outils de manipulation d'objet 'string'
5.5 JS : expressions régulieres
5.8 JS : exercices sur les variables 'string' et concaténation
5.9 JS : un test sur les variables 'string' et concaténation
JavaScript 6 - Les fonctions
JavaScript 7 - Les fonctions à paramètre unique
JavaScript 8 - Les fonctions à paramètres multiples
JavaScript 9 - L'instruction RETURN dans une fonction
JavaScript 10 - Appel d'une fonction dans une autre fonction
JavaScript 11 - Les variables locales ou globales
JavaScript 12 - Quelques opérateurs mathématiques
JavaScript 13 - ???
JavaScript 14 - L'instruction IF, pour les conditions
JavaScript 15 - L'instruction IF... ELSE..., pour les conditions à deux sorties
JavaScript 16 - Les IF imbriqués et fonction aléatoire
JavaScript 17 - Les conditions complexes
JavaScript 18 - L'instruction SWITCH, en cas de choix multiples
JavaScript 19 - La boucle FOR
JavaScript 20 - La boucle WHILE
JavaScript 21 - Les événements dans la programmation
JavaScript 22 - Quelques événements : onMouseOver onLoad etc.
JavaScript 23 - Les objets
JavaScript 24 - Créer ses propres objets
JavaScript 25 - Appliquer des méthodes à ses objets
JavaScript 26 - Les tableaux
JavaScript 27 - Différentes façons de créer des tableaux
JavaScript 28 - Propriétés et méthodes applicables aux tableaux
JavaScript 29 - Les méthodes applicables aux tableaux
JavaScript 30 - Méthodes de tris pour tableaux SORT, REVERSE et PUSH
JavaScript 31 - Ajouter des éléments à un tableau en utilisant une boucle
JavaScript 32 - Tecnique pour imprimer les éléments d'un tableau
JavaScript 33 - Lecture de bases de données
JavaScript 34 - Les objets mathématiques
JavaScript 35 - Les objets relatifs aux dates
JavaScript 36 - Les formulaires JS sont des objets
JavaScript 37 - Accès aux éléments d'un formulaire
JavaScript 38 - Validation des entrées d un formulaire
JavaScript 39 - Graphisme et JavaScript

JavaScript 50 - Calculateur d'emprunt
JavaScript 51 - Calendrier perpétuel et options diverses
JavaScript 99 - Documentation


 
 

 
Avec un peu de JavaScript,
n'oubliez pas de rendre vos pages
plus dynamiques et plus interactives.
 

 
 

 
Notre volonté est de rendre cette formation de JavaScript,
disponible le plus rapidement possible.
Le lecteur excusera l'imperfection de ce travail en cours de construction
et pourrait nous informer des défauts rencontrés.

  MERCI
 

 

 

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)