Jihen Damerji
2-Méthodes de l’objet String
objets
String
Méthodes
1- CharAt() Caractére=chaine.CharAt(x) avec 0<x<chaine.length-1 X="langage" R=x.charAt(3); donne R="g" C=x.charAt(10); donne c="" (le vide)
2- indexOf() P=ch.indexOf(Sch,pos); ch="JavaScript" ; Sch="Script" ; P=ch.indexOf(Sch,0);
➔ p=4
Sch="@" ; P=ch.indexOf(Sch);
➔p=-1
3-lch=ch.substr(p,nbr); lch=ch.substr(3,3) ;
➔ lch="asc"
La méthode indexOf() String.indexOf() renvoie l'indice de la première occurence de la valeur cherchée au sein de la chaîne courante (à partir de indexDébut). Elle renvoie -1 si la valeur cherchée n'est pas trouvée.
Syntaxe str.indexOf(valeurRecherchée) str.indexOf(valeurRecherchée, indexDébut)
<html> <head> <title>les methodes </title></head> <body> <script language="javascript">
Activité
ch="'The quick brown fox jumps over the lazy dog. If the dog barked, was it really lazy?’ » ; Sch=" dog " ; p=ch. lastIndexOf(Sch); document.write("<br>p="+p); </script></body> </html>
La méthode lastIndexOf() ❑renvoie l'indice, dans la chaîne courante, de la dernière occurence de la valeur donnée en argument. Si cette sous-chaîne n'est pas trouvée, la méthode renvoie -1. ❑La recherche s'effectue de la fin vers le début de la chaîne, à partir de indiceDébut. ❑Les caractères d'une chaîne de caractères sont indexés de gauche à droite. L'indice du premier caractère vaut 0 et l'indice du dernier caractère vaut maChaîne.length - 1.
Syntaxe str.lastIndexOf(valeurRecherchée[, indiceDébut])
✓'canal'.lastIndexOf('a'); // renvoie 3 ✓'canal'.lastIndexOf('a', 2); // renvoie 1 ✓'canal'.lastIndexOf('a', 0); // renvoie -1 ✓'canal'.lastIndexOf('x'); // renvoie -1 ✓'canal'.lastIndexOf('c', -5); // renvoie 0 ✓'canal'.lastIndexOf('c', 0); // renvoie 0 ✓'canal'.lastIndexOf(''); // renvoie 5 ✓'canal'.lastIndexOf('', 2); // renvoie 2
<html> <head> <title>les methodes </title></head> <body> <script language="javascript">
ch="JavaScript" ; lch=ch.substr(3,3) ; document.write("<br>lch= "+lch); dch=ch.substring(3,5) ; document.write("<br>dch= "+dch); </script></body> </html>
Activité
La méthode substr() retourne la partie d'une chaîne de caractères comprise entre l'indice de départ et un certain nombre de caractères après celui-ci.
chn.substr(début[, longueur])
String.prototype.substring() La méthode substring() retourne une sous-chaîne de la chaîne courante, entre un indice de début et un indice de fin.
<html> <head> <title>les methodes </title></head> <body> <script language="javascript">
Activité
str = 'The quick brown fox jumps over the lazy dog.'; words = str.split(' '); document.write(words[3]+'<br>'); chars = str.split(''); document.write(chars[8]+'<br>'); strCopy = str.split(); document.write(strCopy); </script></body></html>
String.prototype.split() ❑La méthode split() divise une chaîne de caractères en une liste ordonnée de souschaînes, place ces sous-chaînes dans un tableau et retourne le tableau. ❑ La division est effectuée en recherchant un motif ; où le motif est fourni comme premier paramètre dans l'appel de la méthode.
Syntaxe str.split([separator[, limit]])
<html> <head> <title>les methodes </title></head> <body> <script language="javascript">
Activité
str = 'The quick brown fox jumps over the lazy dog.’; document.write(str.toUpperCase());
</script></body></html>
String.prototype.toUpperCase() La méthode toUpperCase() retourne la valeur de la chaîne courante, convertie en majuscules.
Syntaxe str.toUpperCase()
String.prototype.toLowerCase() La méthode toLowerCase() retourne la chaîne de caractères courante en minuscules.
Syntaxe str.toLowerCase()
<html> <head> <title>les methodes </title></head> <body> <script language="javascript">
Activité
str = 'The quick brown fox jumps over the lazy dog.’; document.write(str+’<br>’); document.wrire(str.trim());
</script></body></html>
String.prototype.trim() La méthode trim() permet de retirer les blancs en début et fin de chaîne. Les blancs considérés sont les caractères d'espacement (espace, tabulation, espace insécable, etc.) ainsi que les caractères de fin de ligne (LF, CR, etc.).
Syntaxe str.trim()
<html> <head> <title>les methodes </title></head> <body> <script language="javascript">
Activité
str1 = 'Hello'; str2 = 'World’; document.write(str1.concat(' ', str2) +'<br>’);
document.write(str2.concat(', ', str1) +'<br>'); </script></body></html>
String.prototype.concat() La méthode concat() combine le texte de plusieurs chaînes avec la chaîne appelante et renvoie la nouvelle chaîne ainsi formée
str.concat(string2[, string3, ..., stringN])
<html> <head> <title>les methodes </title></head> <body> <script language="javascript">
Activité
str = 'The quick brown fox jumps over the lazy dog.’;
</script></body></html>
String.prototype.replace() renvoie une nouvelle chaîne de caractères dans laquelle tout ou partie des correspondances à un modèle sont remplacées par un remplacement.
Syntaxe
3-Méthodes de l’objet Math
objets
Math
Méthodes
1. Abs() X=-12; Y=Math.abs(x);
➔y=12
2. ROUND() X=20,335; Y=Math.round(x) ; ➔y=20
3. Random() X=Math.random(); ➔ x=0,234 4. Sqrt() X=16; y=Math.sqrt(x); ➔ y=4
<html><head> <title>les methodes </title></head> <body> <script language="javascript">
var y=-12; y=Number(y); y=Math.abs(y); document.write("<br>y= "+y); a=20,335; b=Math.round(a) ; document.write("<br>b= "+b); X=Math.random(); document.write("<br>X= "+X); x=16; y=Math.sqrt(x); document.write("<br>y= "+y); </script></body></html>
Activité
3-Méthodes de l’objet global
Activité
<html><head> <title>les methodes </title></head> <body> <script language="javascript">
s=100 x= parseInt(s,2) document.write(x)
</script></body></html>
parseInt(string, base); La fonction parseInt() analyse une chaîne de caractère fournie en argument et renvoie un entier exprimé dans une base donnée.
<html><head> <title>les methodes </title></head> <body> <script language="javascript">
function perimetre(r) { S=parseFloat(r) * 2.0 * Math.PI; Return s} document.write(perimetre('4.567abcdefgh')); document.write(perimetre(4.567));
document.write(perimetre('abcdefgh'));
</script></body></html>
Activité
parseFloat() La fonction parseFloat() permet de transformer une chaîne de caractères en un nombre flottant après avoir analysée celle-ci
Activité html><head> <title>les methodes </title></head> <body> <script language="javascript"> <
x=2 y = 4;
document.write(eval("x + y"));
eval() La fonction eval() permet d'évaluer du code JavaScript représenté sous forme d'une chaîne de caractères.
Convertisseur en milliseconde
Activité
Activité html><head> <title>les methodes </title></head> <body> <script language="javascript"> <
function milliseconds(x){ if(isNaN(x)){ document.write("ce n'est pas un nombre")} else{ r=x*1000 document.write(r) } } // milliseconds(" 100F") milliseconds(" 0.0314E+2")
isNaN() La fonction isNaN() permet de déterminer si une valeur est NaN.
3-Méthodes de l’objet Array
L’objet Array
L’objet Array ❑
L’objet Array (ou indexés. De point une variable qui qu’on identifie par
tableau) est une liste d’éléments de vu JavaScript un tableau est peut contenir plusieurs valeurs des indexes.
❑La méthode new Array() Permet de déclarer un tableau. Elle procède comme paramètre le nombre d’éléments qu’on veut indexer. ❑Les tableaux en JavaScript peuvent contenir des éléments de types différents.
L’objet Array Exemple Tab=new Array(3); Tab[0]=‘’Tunisie’’; Tab[1]=15; L’appel d’un élément est effectué à l’aide de son index: Document.write(‘’Le deuxième élément est: ‘’+tab[1]);
* L’indexation des éléments commence de 0.
L’objet Array Il existe cependant une autre manière pour initier un tableau. C’est l’initialisation directe: Tab=[‘’Lundi’’,’’Mardi’’,’’Mercredi’’]; Dans ce cas on a pas besoin de déclarer l’objet Array comme on n’a pas besoin de déterminer le nombre d’éléments indexés.
Activité
<html> <head> </head> <body> <h1>Les tableaux en javascript </h1> Tab=[‘’Lundi’’,’’Mardi’’,’’Mercredi’’,’’Jeudi’’];
document.write(Tab.length); document.write(Tab.join(‘’-’’)); document.write(Tab.reverse().join(‘’-’’));
document.write(Tab.sort().join(‘’-’’));
</script></body></html>
L’objet Array Méthode agissant sur l’objet array() length: retourne le nombre d’éléments du tableaux. join(): retourne une chaîne de caractère constituée des
éléments du tableaux et séparés par la chaîne fournie en paramètres.
reverse(): inverse l’ordre d’indexation des éléments. sort(): tri alphabétique ou numérique des éléments (les éléments dans ce cas doivent être de même type).
Ajouter: var citrus =Tab.slice(1, 3); • document.write("<br>") • document.write(citrus)
03/05/2022
La méthode slice () Syntaxe array.slice(start, end) • La méthode slice () renvoie les éléments sélectionnés dans un tableau, sous la forme d'un nouvel objet tableau.
• La méthode slice () sélectionne les éléments à partir de l' argument de début donné et se termine à, mais n'inclut pas , l' argument de fin donné .
• Remarque: la matrice d'origine ne sera pas modifiée. 03/05/2022
Ajouter: document.write('*********<br>');
• s=Tab.toString(); • document.write(s);
03/05/2022
Array.prototype.toString() ❑La méthode toString() renvoie une chaine de caractères représentant le tableau spécifié et ses éléments.
❑la méthode toString() concatène les éléments du tableau et renvoie une chaîne contenant chacun des éléments, séparés par des virgules. 03/05/2022
Syntaxe arr.toString() Valeur de retour Une chaîne de caractères qui représente les éléments du tableau. 03/05/2022