Programmation JavaScript/Références/Objets/Array

Un livre de Wikibooks.

Programmation JavaScript

Sommaire

Introduction Programmer en deux minutes Présentation Syntaxe Ligne d'instruction Ordre d'évaluation Bloc d'instructions Identificateurs Expression littérale Commentaire Mots réservés et constantes Variables Opérateurs Structures de contrôle if else ? : switch for while do Fonctions utilisateur Evenement Objets prédéfinis window document navigator Array (tableaux) Boolean Date Error Function Math Number Object RegExp String Fonctions prédéfinies Mise en oeuvre Programmation avancée Opérateurs de bits Programmation objet Gestion d'évennements Exceptions et erreurs Interface DOM Objets Microsoft Applets Java Notation JSON AJAX Debuggage Exemples commentés Références Évènements Liens

Modifier ce modèle ce sommaire

[modifier] Caractéristiques

• Les tableaux de type Array sont dynamiques. Il n'est pas nécessaire de les dimensionner à l'avance, et leurs taille peut croître ou décroître en fonction du nombre d'éléments contenus. La propriété length contient le plus grand indice entier positif + 1.
  
• Il n'est pas obligatoire que les éléments soient contigus.

• L'objet Array combine les caractéristiques d'un tableau classique (adressage des éléments par l'indice 0,1...n), et les caractéristiques d'un tableau associatif (adressage des éléments avec un identificateur entre guillemets). L'interpréteur est très souple, il est possible de panacher les deux modes. Mais dans ce cas, la propriété length ne comptabilisera pas les cellules déclarées en mode associatif.

• Souplesse de l'interpréteur, encore, il est possible de mentionner des indices négatifs! Fort heureusement, ils n'influencent pas la valeur de length, qui gère les indices à partir de zéro.

• Un même tableau peut contenir plusieurs types de données, comme des chaînes, nombres, objets, ou ... tableaux, ce qui permet de construire de véritable structures de données.

[modifier] Propriétés

Une seule propriété : length.

[modifier] Méthodes

Voici une description succincte des méthodes classées par fonctionnalités. En cliquant sur le nom de la méthode, vous accédez à une description plus détaillée avec exemples.

[modifier] Modification du contenu

[modifier] Obtenir des données

[modifier] Trier

[modifier] Méthodes héritées

[modifier] Manipulation

[modifier] Instanciation :

L'instanciation consiste à invoquer le constructeur de l'objet à l'aide du mot réservé new.

mon_tableau = new Array(); // Simple et direct
mon_tableau = new Array(10); // Imposition de dix cases vides, (de 0 à 9) length vaut 10
// Note : rien n'empèche immédiatement après de faire mon_tableau[11] (dynamisme)

mon_tableau = new Array("Elément 1", "Elément 2"); // Remplissage à la déclaration.

[modifier] Adressage d'un élément :

t = new Array(null,null,null,"Contenu de trois"); // Création avec 4 éléments
t["nom"] = "contenu de 'nom'";
alert(t[0]); // Affiche 'null'
alert(t[3]); // Affiche "Contenu de trois";
alert(t["nom"]); // Affiche "contenu de 'nom'"
alert(t[4]); // Affiche "undefined"

[modifier] Lecture de la propriété length :

t = new Array(null,null,null,"Contenu de trois"); // Création avec 4 éléments

var nb_elements = t.length; // Lecture de length dans une variable

alert("Le tableau a " + t.length + " éléments"); // Affiche "le tableau a 4 éléments"

for(i = 0; i < t.length; i++)
    alert("contenu de : " + i + t[i]);
// Affiche "null", puis "null", "null" et "Contenu de trois"

[modifier] Utilisation d'une méthode :

t = new Array("Premier","Deuxieme","Troisieme");
t.sort(); // Invocation de la méthode sort()
alert(t); // Affiche "Deuxieme,Premier,Troisieme", soit le contenu par ordre alphabétique

[modifier] Références

[modifier] Modifier le contenu du tableau

[modifier] concat()

[modifier] pop()

[modifier] push()

[modifier] shift()

[modifier] unshift()

[modifier] splice()

[modifier] reverse()

[modifier] Obtenir des données

[modifier] join()

[modifier] slice()

[modifier] Trier le tableau

[modifier] sort()

Prévue en standard pour trier des chaînes alphanumériques, la méthode sort est capable de bien plus grâce au mécanisme de fonction de comparaison externe.
En effet, en programmant judicieusement cette fonction, vous pouvez trier des nombres, des dates, ou même des objets abstraits.

1er exemple : fonction de tri ascendant définie à part, appelée ensuite par son nom dans la fonction sort.

function pour_tri_ascendant(n1, n2))
{
    return (n1 - n2);   // Retourne positif si n1 > n2, négatif ou nul si n1 < n2
}

t = new Array(1,3,2);
t.sort(pour_tri_ascendant);
alert(t.join(",")); // Affiche "1,2,3"

2eme exemple : fonction de tri descendante.

function pour_tri_descendant(n1, n2))
{
    return (n2 - n1);   // Retourne positif si n1 < n2, négatif ou nul si n1 > n2
}

t = new Array(1,3,2);
t.sort(pour_tri_descendant);
alert(t.join(",")); // Affiche "3,2,1"

3eme exemple : Intégration d'un fonction anonyme directement définie dans le paramètre.

t = new Array(1,3,2);
t.sort( function(n1,n2) { return n1-n2; } );
alert(t.join(",")); // Affiche "1,2,3"

4eme exemple : tri d'une notion abstraite (petit moyen grand).

function compare_taille(s1,s2)
{
	if (s1=="petit") return -1;
	
	if (s1=="moyen")
	{
		if (s2=="petit") return 1; 
			else return -1;
	}
	
	if (s1=="grand") return 1;
	
	return 0; // Egalité
}

t = new Array("petit","grand","moyen","grand","petit","moyen");
t.sort( compare_taille);
alert(t.join(",")); // // Affiche "petit,petit,moyen,moyen,grand,grand"