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

Contenu supprimé Contenu ajouté
Grunge (discussion | contributions)
Grunge (discussion | contributions)
Ligne 71 :
 
====Méthodes:====
{{Boîte déroulante|hidetitle=<<|showtitle=>>|align=left|alignT=left|titre=concat()|contenu=
 
<source lang="javascript">
:*''' concat()'''
<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=
:*''' join()'''
<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=
:*''' pop()'''
<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=
:*''' push()'''
<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=
:*''' reverse()'''
<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=
:*''' shift()'''
<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=
:*''' slice()'''
<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=
:*''' splice()'''
<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=
:*''' sort()'''
<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=
:*''' unshift()'''
<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