« Programmation JavaScript/Objets prédéfinis » : différence entre les versions

Contenu supprimé Contenu ajouté
Grunge (discussion | contributions)
Grunge (discussion | contributions)
Aucun résumé des modifications
Ligne 247 :
[[Programmation JavaScript/Références/Objets/Array|suivant ce lien.]]
 
=== Date ===
----
<source lang="javascript">
var now = new Date();
var jj = now.getDate();
var mm = now.getMonth() + 1;
var aaaa = now.getYear();
var H = now.getHours();
var M = now.getMinutes();
</source>
 
 
=== Boolean ===
''' UTC''' [http://fr.wikipedia.org/wiki/Temps_universel_coordonn%C3%A9 Le temps universel coordonné]
----
==== Methodes : ====
=== Function ===
:* '''getDate()'''
::renvoie le jour du mois
:* '''getDay()'''
::renvoie le jour de la semaine
:* '''getFullYear()'''
::renvoie l'année complète
:* '''getHours()'''
::renvoie la partie heures de l'heure
:* '''getMilliseconds()'''
::renvoie les millièmes de secondes
:* '''getMinutes()'''
::renvoie la partie minutes de l'heure
:* '''getMonth()'''
::renvoie le mois
:* '''getSeconds()'''
::renvoie la partie secondes de l'heure
:* '''getTime()'''
::renvoie l'heure
:* '''getTimezoneOffset()'''
::renvoie le décalage horaire de l'heure locale
:* '''getUTCDate()'''
::renvoie le jour du mois de l'heure UTC
:* '''getUTCDay()'''
::renvoie le jour de la semaine de l'heure UTC
:* '''getUTCFullYear()'''
::renvoie l'année complète de l'heure UTC
:* '''getUTCHours()'''
::renvoie la partie heures de l'heure UTC
:* '''getUTCMilliseconds()'''
::renvoie les millièmes de secondes de l'heure UTC
:* '''getUTCMinutes()'''
::renvoie la partie minutes de l'heure UTC
:* '''getUTCMonth()'''
::renvoie le mois de l'heure UTC
:* '''getUTCSeconds()'''
::renvoie la partie secondes de l'heure UTC
:* '''getYear()'''
::renvoie l'année
:* '''parse()'''
::renvoie le nombre de millièmes de secondes depuis le 1/1/1970
:* '''setDate()'''
::change le jour du mois de l'objet
:* '''setFullYear()'''
::change l'année complète de l'objet
:* '''setHours()'''
::change la partie heures de l'heure de l'objet
:* '''setMilliseconds()'''
::change la partie millièmes de seconde de l'heure de l'objet
:* '''setMinutes()'''
::change la partie minutes de l'heure de l'objet
:* '''setMonth()'''
::change la partie mois de la date de l'objet
:* '''setSeconds()'''
::change la partie secondes de l'heure de l'objet
:* '''setTime()'''
::change la date et l'heure de l'objet
:* '''setUTCDate()'''
::change le jour du mois de l'heure UTC de l'objet
:* '''setUTCDay()'''
::change le jour de la semaine de l'heure UTC de l'objet
:* '''setUTCFullYear()'''
::change l'année complète de l'heure UTC de l'objet
:* '''setUTCHours()'''
::change la partie heures de l'heure UTC de l'objet
:* '''setUTCMilliseconds()'''
::change la partie millièmes de seconde de l'heure UTC de l'objet
:* '''setUTCMinutes()'''
::change la partie minutes de l'heure UTC de l'objet
:* '''setUTCMonth()'''
::change le mois de l'heure UTC de l'objet
:* '''setUTCSeconds()'''
::change la partie secondes de l'heure UTC de l'objet
:* '''setYear()'''
::change la date et l'heure de l'objet
:* '''toGMTString()'''
::convertir la date et l'heure au format GMT
:* '''toLocaleString()'''
::convertir la date et l'heure au format local
:* '''UTC()'''
::renvoie le nombre de millièmes de secondes entre le 1/1/1970 et un moment donné
 
===string (chaîne)===
----
====Propriétés:====
 
:* '''lengtharguments'''
::nombretableau de signesnoms d'arguments
:* '''arity'''
====Méthodes:====
::nombre d'arguments
:* '''caller'''
::nom de la fonction qui appelle
 
== Objets fonctionnels ==
:*'''anchor()'''
{{Programmation JavaScript}}
::créer une ancre de lien
[[Programmation JavaScript/Sommaire|<< Retour au sommaire détaillé]] / [[Programmation JavaScript/Fonctions prédéfinis|Fonctions prédéfinies >>]]
:*'''big()'''
::créer un grand texte
:*'''blink()'''
::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()'''
::tout écrire en minuscules
:*'''toUpperCase()'''
::tout écrire en majuscules
 
JavaScript dispose d'une bibliothèque d'objets étoffée en regard d'un nombre de fonctions classiques réduit au minimum.<br/>
=== Number (nombre) ===
Ils possèdent des propriétés et méthodes statiques (directement utilisables par l'objet lui-même), et la plupart sont en même temps des classes d'objets, qui peuvent avoir des instances, lesquelles bénéficient de propriétés et méthodes qui leur sont propres.
* Les valeurs littérales de type chaîne, nombre, booléen, etc instancient implicitement un objet String, Number, Boolean...
* Certains objets comme Date se construisent surtout explicitement avec '''new'''.
* Souvent, le constructeur permet de créer une instance même en oubliant le mot-clé new.
* Des objets comme Math sont purement statiques et n'ont aucune instance.
* Les objets spécifiques au DOM, navigator ou window par exemple, sont instanciés par le navigateur automatiquement ou bien indirectement par l'appel de méthodes du DOM, mais jamais directement avec new.
 
== Objets étendant les types ==
=== Array ===
----
Une instance de Array est créée avec le mot réservé '''new'''.<br/>
Syntaxe :
<source lang="javascript">
mon_tableau = new Array();
</source>
 
====Propriétés:====
 
 
:*'''MAX_VALUE'''
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=tableaux associatifs|contenu=
::plus grand nombre pouvant être sauvegardé
<source lang="javascript">
:*'''MIN_VALUE'''
<html><head><title>Test</title>
::plus petit nombre pouvant être sauvegardé
</head><body>
:*'''NaN'''
<script type="text/javascript">
::nombre non valable
<!--
:*'''NEGATIVE_INFINITY'''
var employe=new Array();
::nombre trop petit
 
:*'''POSITIVE_INFINITY'''
employe[0] = new Array();
::nombre trop grand
employe[0]["nom"] = "Descartes";
employe[0]["prenom"] = "Jean";
employe[0]["residence"]= "Cahors";
 
employe[1]=new Array()
employe[1]["nom"] = "Amora";
employe[1]["prenom"] = "Celeste";
employe[1]["residence"]= "Dijon";
 
for (var i=0;i<employe.length;i++)
{
document.write("<dl><dt>employe "+(i+1)+"<\/dt>");
for (var propriete in employe[i])
document.write("<dd>"+ propriete + ": "+employe[i][propriete]+"<\/dd>");
document.write("<\/dl>");
}
//-->
</script>
</body>
</html>
</source>
}}
::tableaux avec des chaînes de caractères comme clé
 
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=length|contenu=
<source lang="javascript">
<html><head><title>Test</title>
<script type="text/javascript">
<!--
var nombres = new Array(1,2,4,8,16,32,64,128,256);
alert(nombres.length + " nombres sont définis");
//-->
</script>
</head><body>
</body></html>
</source>
}}
::nombre d'éléments
 
====Méthodes:====
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=concat()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
<script type="text/javascript">
<!--
var nombres = new Array(1,2,3);
var autres_nombres = new Array(10,20,30);
total_nombres = nombres.concat(autres_nombres);
alert(total_nombres.length);
//-->
</script>
</head><body>
</body></html>
</source>}}
::concaténer des tableaux
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=join()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
<script type="text/javascript">
<!--
var nombres = new Array(1,2,4,8,16,32,64,128,256);
var chaine_nombres = nombres.join(" "); // Attend comme paramètre un ou plusieurs signes de séparation
alert(chaine_nombres); // par lequel/lesquels les éléments du tableau doivent être séparés
// dans la chaîne de caractères.
//-->
</script>
</head><body>
</body></html>
</source>}}
::transformer un tableau en chaîne de caractères
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=pop()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
<script type="text/javascript">
<!--
var nombres = new Array(1,2,3,4,5);
alert(nombres.length + " nombres dans le tableau");
function retirer()
{
nombres.pop();
alert(nombres.length + " nombres dans le tableau");
}
//-->
</script>
</head><body>
<a href="javascript:retirer()">retirer un nombre</a>
</body></html>
</source>}}
::effacer le dernier élément d'un tableau
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=push()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">
<!--
var lieux = new Array("Angoulême");
document.write(lieux.join(",") + '<p>');
var element_plus_recent = lieux.push("Paris");
document.write(lieux.join(",") + '<br>');
document.write('Lieu le plus récent: ' + element_plus_recent + '<p>');
var element_plus_recent = lieux.push("Marseille","Lyon","Lille","Bordeaux");
document.write(lieux.join(",") + '<br>');
document.write('Élément le plus récent: ' + element_plus_recent);
//-->
</script>
</body></html>
</source>}}
::ajouter de nouveaux éléments à un tableau
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=reverse()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">
<!--
var nom = new Array("S","E","R","G","E");
nom.reverse();
document.write(nom.join(""));
//-->
</script>
</body></html>
</source>}}
::inverser l'ordre des éléments
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=shift()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
<script type="text/javascript">
<!--
var nombres = new Array(1,2,3,4,5);
alert("Premier nombre dans : " + nombres[0]);
function retirer()
{
var element_efface = nombres.shift();
alert("Premier nombre dans le tableau: " + nombres[0]);
}
//-->
</script>
</head><body>
<a href="javascript:retirer()">retirer un nombre</a>
</body></html>
</source>}}
::retirer le premier élément d'un tableau
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=slice()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
<script type="text/javascript">
<!--
var nombres = new Array(1,2,3,4,5);
for(var i = 0; i < nombres.length; ++i)
{
var nouveaux_nombres = nombres.slice(i,nombres.length);
alert(nouveaux_nombres.join(","));
}
//-->
</script>
</head><body>
</body></html>
</source>}}
::extraire une partie d'un tableau
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=splice()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
<script type="text/javascript">
<!--
var nombres = new Array(1,2,3);
nombres.splice(1,3,4,5,6);
alert(nombres.join(","));
//-->
</script>
</head><body>
</body></html>
</source>}}
::effacer et ajouter des éléments
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=sort()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">
<!--
function tri_nombres(a,b)
{ return a-b; }
 
var noms = new Array("Thérèse","Noémie","Carole","Séverine");
noms.sort();
 
var nombres = new Array(27,2,10,4);
nombres.sort(tri_nombres);
 
var sortie_noms = noms.join(",");
var sortie_nombres = nombres.join(",");
document.write("Noms triés: " + sortie_noms + "<br>");
document.write("Nombres triés: " + sortie_nombres);
//-->
</script>
</body></html>
</source>}}
::trier un tableau
{{Boîte déroulante|hidetitle=&lt;&lt;|showtitle=&gt;&gt;|align=left|alignT=left|titre=unshift()|contenu=
<source lang="javascript">
<html><head><title>Test</title>
<script type="text/javascript">
<!--
var nombres = new Array(5,6,7,8,9);
var nouveau_nombre = nombres.unshift(1,2,3,4);
alert(nouveau_nombre);
alert(nombres.join(","));
//-->
</script>
</head><body>
</body></html>
</source>}}
::insérer des éléments au début d'un tableau
 
 
Une revue détaillée de l'objet est disponible en
[[Programmation JavaScript/Références/Objets/Array|suivant ce lien.]]
 
 
:*'''toExponential()'''
::
:*'''toFixed()'''
::
:*'''toPrecision()'''
::
:*'''toString()'''
::
 
=== Boolean ===
Ligne 446 ⟶ 527 :
 
== Objets fonctionnels ==
 
=== Math ===
===RegExp===
----
====Propriétés:====
 
:* '''E$[1..9]''' :
::sous-expressions entre parenthèses
::constante d'Euler
:* '''LN2'''
::logarithme naturel de 2
:* '''LN10'''
::logarithme naturel de 10
:* '''LOG2E'''
::logarithme constant de 2
:* '''LOG10E'''
::logarithme constant de 10
:* '''PI'''
::constante PI
:* '''SQRT1_2'''
::constante pour racine carrée de 0,5
:* '''SQRT2'''
::constante pour racine carrée de 2
====Méthodes:====
 
:* '''absexec()'''
::appliquer une expression régulière
::valeur positive
:* '''acostest()'''
::appliquer une expression régulière pour essayer
::arc cosinus
 
:* '''asin()'''
== Document et environnement ==
::arc sinus
=== window ===
:* '''atan()'''
----
::arc tangente
====Propriétés:====
:* '''ceil()'''
::nombre entier supérieur le plus proche
:* '''cos()'''
::cosinus
:* '''exp()'''
::valeur exponentielle
:* '''floor()'''
::nombre entier inférieur le plus proche
:* '''log()'''
::utilisation du logarithme naturel
:* '''max()'''
::le plus grand de deux chiffres
:* '''min()'''
::le plus petit de deux chiffres
:* '''pow()'''
::nombre puissance exposant
:* '''random()'''
::0 ou 1 aléatoire
:* '''round()'''
::arrondi commercial d'un nombre
:* '''sin()'''
::sinus
:* '''sqrt()'''
::racine carrée
:* '''tan()'''
::tangente
 
:* '''closed '''
::fenêtre fermée
:* '''defaultStatus '''
::affichage normal dans la barre d'état
:* '''innerHeight '''
::hauteur du domaine d'affichage
:* '''innerWidth '''
::largeur du domaine d'affichage
:* '''locationbar '''
::barre d'adresse
:* '''menubar '''
::barre de menus
:* '''name '''
::nom de fenêtre
:* '''outerHeight '''
::hauteur de la fenêtre globale
:* '''outerWidth '''
::largeur de la fenêtre globale
:* '''pageXOffset '''
::position de départ de la fenêtre à partir de la gauche
:* '''pageYOffset '''
::position de départ de la fenêtre à partir du haut
:* '''personalbar '''
::barre pour les adresses favorites
:* '''scrollbars '''
::barres de défilement
:* '''statusbar '''
::barre d'état
:* '''status '''
::Contenu de la barre d'état
:* '''toolbar '''
::barre d'outils
===RegExp===
----