Maison > interface Web > js tutoriel > À propos de l'utilisation des objets JavaScript Array (array)

À propos de l'utilisation des objets JavaScript Array (array)

jacklove
Libérer: 2018-05-07 09:45:04
original
1610 Les gens l'ont consulté

Le rôle de l'objet tableau est d'utiliser des noms de variables distincts pour stocker une série de valeurs, ce qui a un rôle important. L'explication détaillée est la suivante :

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
Copier après la connexion

Vous pouvez trouver plus d'exemples sur . le bas de la page.

Qu'est-ce qu'un tableau ?

Un objet tableau utilise des noms de variables distincts pour stocker une série de valeurs.

Si vous disposez d'un ensemble de données (par exemple : le nom de la voiture), il existe des variables distinctes comme suit :

var car1="Saab";
var car2="Volvo";
var car3="BMW";
Copier après la connexion

Cependant, que se passe-t-il si vous souhaitez y trouver une voiture spécifique ? Et pas 3 voitures, mais 300 voitures ? Ce ne sera pas une tâche facile !

La meilleure façon est d'utiliser un tableau.

Les tableaux peuvent stocker toutes les valeurs en utilisant un seul nom de variable, et n'importe quelle valeur est accessible en utilisant le nom de variable.

Chaque élément du tableau a son propre identifiant afin qu'il soit facilement accessible.

Créer un tableau

Il existe trois façons de créer un tableau.

Le code suivant définit un objet tableau nommé myCars :

1 : Méthode conventionnelle :

var myCars=new Array(); 
myCars[0]="Saab";       
myCars[1]="Volvo";
myCars[2]="BMW";
Copier après la connexion

2 : Méthode concise :

var myCars=new Array("Saab","Volvo","BMW");
Copier après la connexion

3 : Littéral :

var myCars=["Saab","Volvo","BMW"];
Copier après la connexion

Accès au tableau

Vous pouvez accéder à un élément spécifique en spécifiant le nom du tableau et le numéro d'index.

L'instance suivante peut accéder à la première valeur du tableau myCars :

var name=myCars[0];
Copier après la connexion

L'instance suivante modifie le premier élément du tableau myCars :

myCars[0]="Opel";
Copier après la connexion




[0] est le premier élément du tableau. [1] est le deuxième élément du tableau.



Dans un tableau vous pouvez avoir différents objets

Toutes les variables JavaScript sont des objets. Les éléments du tableau sont des objets. Les fonctions sont des objets.

Ainsi, vous pouvez avoir différents types de variables dans le tableau.

Vous pouvez inclure des éléments d'objet, des fonctions, des tableaux dans un tableau :

myArray[0]=Date.now;myArray[1]=myFunction;myArray[2]=myCars;
Copier après la connexion

Méthodes et propriétés du tableau

Utiliser les propriétés et méthodes prédéfinies des objets du tableau :

var x=myCars.length             // myCars 中元素的数量
var y=myCars.indexOf("Volvo")   // "Volvo" 值的索引值
Copier après la connexion

Manuel de référence complet des objets tableau

Vous pouvez vous référer au manuel de référence complet de ce site pour toutes les propriétés et méthodes des tableaux.

Le manuel de référence contient des descriptions de toutes les propriétés et méthodes (et plus d'exemples).

Manuel complet de référence des objets tableau

Création de nouvelles méthodes

Le prototype est le constructeur global JavaScript. Il peut construire des propriétés et des méthodes de nouveaux objets Javascript.

Instance : Créez une nouvelle méthode.

Array.prototype.myUcase=function(){    
for (i=0;i<this.length;i++){        
this[i]=this[i].toUpperCase();   
 }
 }
Copier après la connexion

Le service de planification ci-dessus explique comment utiliser l'objet JavaScript Array. Pour un contenu plus détaillé, veuillez faire attention au site Web php chinois pour regarder et apprendre.

Recommandations associées :

Plusieurs codes de tri JS front-end courants

En savoir plus sur le contenu de base de JavaScript Array objets

À propos de l'utilisation de jQuery stop()

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal