| Accueil | table JavaScript | index JavaScript | précédent | suivant |

Les tableaux

Les tableaux se déclarent par l'objet Array comme suit.

déclaration :

var x1=new Array();
var x2=new Array(ligne1, ligne2, ---);
var x3=Array();
var x4=Array(ligne1, ligne2, ---);
var x5=[ligne1, ligne2, ---];

Les données du tableau sont accessibles en lecture et en écriture par :

x1[0] // première ligne
x1[1] // deuxième ligne
x1[2] // troisième ligne
----
On peut remplir le tableau par :

x1[0]=ligne1; // première ligne
x1[1]=ligne2; // deuxième ligne
x1[2]=ligne2; // troisième ligne
----

On peut inclure un tableau dans les lignes d'un tableau :

x6=new Array(x1, x2, x3);
Les lignes des tableaux intérieurs sont accessibles par la syntaxe :
ligne10_x2=x6[1][9];

attributs :

length
nombre de lignes du tableau

méthodes :

push(ligne)
Ajoute une nouvelle ligne à la fin du tableau et retourne la nouvelle longueur

pop()
Retourne la dernière ligne du tableau et la supprime

concat(tableau2, tableau3, ---)
Retourne le tableau initial auquel les tableaux de la liste ont été ajoutés

join(séparateur)
Retourne une chaîne de caractères contenant les lignes du tableau séparées par le caractère séparateur; s'il n'est pas spécifié, les lignes sont séparées par une virgule

toString()
Retourne une chaîne de caractères regroupant les lignes du tableau séparées par des virgules. (c'est cette chaîne qu'affiche l'instruction document.write appliquée à ce tableau)

shift()
Retourne le premier élément du tableau et le supprime

unshift(ligne)
Ajoute une lgne au début du tableau et retourne la nouvelle longueur

slice(début, fin)
Retourne un tableau comprenant les lignes situées entre les index début et fin. Le tableau initial reste inchangé

sort()
Trie les lignes du tableau par ordre croissant (ne marche pas pour les nombres)

reverse()
Renverse l'ordre des lignes du tableau

splice(index, n, ligne1, ligne2, ----)
Supprime les n lignes débutant à la position index et les remplace par les lignes de la liste. La fonction retourne les éléments supprimés

Voici un exemple :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Titre de cette page : exemple06</title>
<meta name="description" content="Phrase décrivant clairement cette page" />
<meta name="keywords" content="mot1 mot2, mot3 mot4 mot5, mot6" />
<link rel="stylesheet" type="text/css" href="Jstyle01.css" />

<script type="text/javascript">
var Fr=new Array("Paris", "Marseille", "Lyon", "Lille", "---");
var UK=new Array("London", "Manchester", "Liverpool", "Glasgow", "---");
var villes=new Array(Fr, UK);
</script>

</head>

<body>
<!-- Jscript06 -->
<div id="cadre1">
<h2>Exemple de scripts avec des tableaux</h2>
<p class="texte1">
<script type="text/javascript">
document.write("tableaux déclarés : <b>Fr</b>, <b>UK</b>, <b>villes(Fr, UK)</b> <br/><br/>");

document.write("<b>document.write("Villes françaises : ", Fr) </b> donne : <br/>");
document.write("Villes françaises : ", Fr, "<br/><br/>");

document.write("<b>document.write("Villes du Royaume Uni : ", UK) </b> donne : <br/>");
document.write("Villes du Royaume Uni ; : ", UK, "<br/><br/>");

document.write("<b>document.write("Villes françaises : ", villes[0]) </b> donne : <br/>");
document.write("Villes françaises : ", villes[0], "<br/><br/>");

document.write("<b>document.write("Villes du Royaume Uni : ", villes[1]) </b> donne : <br/>");
document.write("Villes du Royaume Uni ; : ", villes[1], "<br/><br/>");

document.write("<b>document.write("Capitale - France : ", villes[0][0]) </b> donne : <br/>");
document.write("Capitale - France : ", villes[0][0], "<br/><br/>");

document.write("<b>document.write("Capitale - UK : ", villes[1][0]) </b> donne : <br/>");
document.write("Capitale - UK : ", villes[1][0], "<br/><br/>");

document.write("<b>Fr.splice(4, 1, "Toulouse", "Bordeaux" )</b> donne : <br/>");
Fr.splice(4, 1, "Toulouse", "Bordeaux" )
document.write("Villes françaises : ", Fr, "<br/><br/>");

document.write("<b>Fr.sort()</b> donne : <br/>");
document.write("Villes françaises : ", Fr.sort(), "<br/><br/>");

document.write("<b>Fr.reverse()</b> donne : <br/>");
document.write("Villes françaises : ", Fr.reverse(), "<br/><br/>");

document.write("<b>Fr.push("Stasbourg")</b> donne : <br/>");
Fr.push("Strasbourg");
document.write("Villes françaises : ", Fr, "<br/><br/>");

document.write("<b>Fr.concat(UK)</b> donne : <br/>");
var ttvilles=Fr.concat(UK);
var st1=String(ttvilles.toString());
// ajouter des espaces pour permettre les retours ligne
st1=st1.replace(/,/g, ", ");
document.write("Toutes les villes : ", st1, "<br/><br/>");

document.write("<b>Fr.unshift("Béziers")</b> donne : <br/>");
Fr.unshift("Béziers");
document.write("Villes françaises : ", Fr, "<br/><br/>");

</script>
</p>
</div>

</body>
</html>


Afficher cette page



suivant