Langage JavaScriptObjet String
L'objet JavaScript String
L'objet JavaScript String permet la création et la manipulation de chaîne de caractères.
Les méthodes de l'objet String
Les méthodes sont des fonctions liées à un objet déterminé, qui exécutent des actions.- anchor() : pour créer un lien vers un signet (ancre nommée)
- big() : pour créer un grand texte
- blink() : pour créer un texte clignotant
- bold() : créer un texte en caractères gras
- charAt() : rechercher un signe à une position
- charCodeAt() : valeur de code Latin-1 à une position
- concat() : concaténer des chaînes de caractères
- fixed() : créer un texte style télex
- fontcolor() : créer une couleur de police
- fontsize() : créer une taille de police
- fromCharCode() : créer une chaîne de caractères en Latin 1
- indexOf() : rechercher la position d'un caractère
- italics() : créer un texte en italique
- lastIndexOf() : rechercher la dernière position d'un signe
- link() : créer un lien
- match() : appliquer une expression régulière
- replace() : appliquer une expression régulière et remplacer
- search() : chercher avec une expression régulière
- slice() : extraire une partie d'une chaîne de caractères
- small() : créer un petit texte
- split() : scinder une chaîne de caractères
- strike() : créer un texte barré
- sub() : créer un texte en indice
- substr() : rechercher une sous-chaîne de caractères à partir d'une position
- substring() : rechercher une sous-chaîne de caractères
- sup() : créer un texte en exposant
- toLowerCase() : basculer en minuscules
- toUpperCase() : basculer en majuscules
Exemple d'utilisation avec la méthode indexOf()
Méthode pour rechercher la position d'un caractère
<script type="text/javascript">
var maphrase = "La micro facile";
var position = maphrase.indexOf("micro");
document.write("Le premier caractère est à la position ",position,".");
</script>
Résultat :
Méthode pour rechercher la position d'un caractère
<script type="text/javascript">
var maphrase = "La micro facile";
var position = maphrase.indexOf("micro");
document.write("Le premier caractère est à la position ",position,".");
</script>
Résultat :
Exemple d'utilisation avec les méthodes subString() et lastIndexOf()
Méthodes pour extraire le dernier caractère d'une sous-chaîne d'une chaîne. On recherche ici l'extention d'un domaine, soit les lettres a partir du point d'une url.
<script type="text/javascript">
var domaine = "www.easy-micro.com";
var extension = domaine.substring(domaine.lastIndexOf("."));
document.write("Extension du domaine: ",extension);
</script>
Résultat :
Méthodes pour extraire le dernier caractère d'une sous-chaîne d'une chaîne. On recherche ici l'extention d'un domaine, soit les lettres a partir du point d'une url.
<script type="text/javascript">
var domaine = "www.easy-micro.com";
var extension = domaine.substring(domaine.lastIndexOf("."));
document.write("Extension du domaine: ",extension);
</script>
Résultat :
Exemple d'utilisation avec les méthodes subString() et indexOf()
Objectif: extraire le domaine d'une url
<script type="text/javascript">
var url = "http://www.easy-micro.com/tutoriaux/langage/javascript.php";
var domaine = url.substring(7,url.indexOf("/",7));
document.write("Domaine: ",domaine);
</script>
Résultat :
Objectif: extraire le domaine d'une url
<script type="text/javascript">
var url = "http://www.easy-micro.com/tutoriaux/langage/javascript.php";
var domaine = url.substring(7,url.indexOf("/",7));
document.write("Domaine: ",domaine);
</script>
Résultat :
Note sur ce résultat: Le contenu de la variable "domaine" est une sous-chaîne de la variable "url" entre le 7ième caractère (donc après http://) et le premier slash (/) rencontré.
Exemple d'utilisation avec la méthode slice()
Méthode pour extraire une partie d'une chaîne de caractères
<script type="text/javascript">
var maphrase = "La micro facile";
var extrait = maphrase.slice(3,8);
document.write(extrait);
</script>
Résultat :
Méthode pour extraire une partie d'une chaîne de caractères
<script type="text/javascript">
var maphrase = "La micro facile";
var extrait = maphrase.slice(3,8);
document.write(extrait);
</script>
Résultat :
Exemple d'utilisation avec la méthode split()
Methode pour scinder une chaîne de caractères.
Objectif: transformer un format JJ-MM-AAAA en JJ/MM/AAAA
<script type="text/javascript">
var elements = madate.split("-");
madate = elements.join("/");
document.write(madate);
</script>
Résultat :
Methode pour scinder une chaîne de caractères.
Objectif: transformer un format JJ-MM-AAAA en JJ/MM/AAAA
<script type="text/javascript">
var elements = madate.split("-");
madate = elements.join("/");
document.write(madate);
</script>
Résultat :
Note sur ce résultat: Syntaxe de la méthode split: variable.split(séparateur, nombre de sous-chaînes). "séparateur" représente le ou les caractère(s) sur lequel(s) la méthode fera la séparation des sous-chaînes. "nombre de sous-chaînes" représente le nombre maximum de sous-chaînes que nous voulons retrouver (facultatif). Par défaut la méthode éclate la chaîne en autant de sous-chaînes que nécessaire.
La méthode join() est une méthode de l'objet Array() qui convertit un tableau en chaîne.
Exemple d'utilisation avec la méthode replace()
Methode pour appliquer une expression régulière et remplacer.
Objectif: convertir une date au format US "MM-JJ-YYYY" en "JJ/MM/AAAA".
<script type="text/javascript">
var newdate = madate.replace(/^([0-9]{1,2})-([0-9]{1,2})-([0-9]{2,4})$/, "$2/$1/$3");
document.write(newdate);
</script>
Résultat :
Note: L'expression "[0-9]{1,2}" signifie un chiffre compris entre 0 et 9 qui contient un ou deux chiffres.
Chaque "[0-9]{x}" correspond au mois, au jour et à l'année.
On peut donc récupérer ces éléments avec le signe "$" :
Methode pour appliquer une expression régulière et remplacer.
Objectif: convertir une date au format US "MM-JJ-YYYY" en "JJ/MM/AAAA".
<script type="text/javascript">
var newdate = madate.replace(/^([0-9]{1,2})-([0-9]{1,2})-([0-9]{2,4})$/, "$2/$1/$3");
document.write(newdate);
</script>
Résultat :
Note: L'expression "[0-9]{1,2}" signifie un chiffre compris entre 0 et 9 qui contient un ou deux chiffres.
Chaque "[0-9]{x}" correspond au mois, au jour et à l'année.
On peut donc récupérer ces éléments avec le signe "$" :
