« Programmation JavaScript/Objets prédéfinis » : différence entre les versions
Contenu supprimé Contenu ajouté
Aucun résumé des modifications |
|||
Ligne 247 :
[[Programmation JavaScript/Références/Objets/Array|suivant ce lien.]]
=== Boolean ===
----
=== Function ===
----
====Propriétés:====
:* '''
::
:* '''arity'''
::nombre d'arguments
:* '''caller'''
::nom de la fonction qui appelle
== Objets fonctionnels ==
{{Programmation JavaScript}}
[[Programmation JavaScript/Sommaire|<< Retour au sommaire détaillé]] / [[Programmation JavaScript/Fonctions prédéfinis|Fonctions prédéfinies >>]]
JavaScript dispose d'une bibliothèque d'objets étoffée en regard d'un nombre de fonctions classiques réduit au minimum.<br/>
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:====
{{Boîte déroulante|hidetitle=<<|showtitle=>>|align=left|alignT=left|titre=tableaux associatifs|contenu=
<source lang="javascript">
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">
<!--
var employe=new Array();
employe[0] = new Array();
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=<<|showtitle=>>|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=<<|showtitle=>>|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=<<|showtitle=>>|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=<<|showtitle=>>|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=<<|showtitle=>>|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=<<|showtitle=>>|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=<<|showtitle=>>|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=<<|showtitle=>>|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=<<|showtitle=>>|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=<<|showtitle=>>|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=<<|showtitle=>>|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.]]
=== Boolean ===
Ligne 446 ⟶ 527 :
== Objets fonctionnels ==
===RegExp===
----
====Propriétés:====
:* '''
::sous-expressions entre parenthèses
====Méthodes:====
:* '''
::appliquer une expression régulière
:* '''
::appliquer une expression régulière pour essayer
== Document et environnement ==
=== window ===
----
====Propriétés:====
:* '''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===
----
|