Maison > interface Web > js tutoriel > Explication détaillée des connaissances javascript array_basic

Explication détaillée des connaissances javascript array_basic

WBOY
Libérer: 2016-05-16 16:33:10
original
1616 Les gens l'ont consulté

Si vous êtes un développeur expérimenté, vous pensez peut-être que cette question est relativement simple, mais parfois, nous trouvons cette question plus intéressante.

Jetons d'abord un coup d'œil à la définition d'un tableau : « Un tableau est juste une liste de valeurs accessibles en utilisant un entier comme « clé ». La liste commence à 0 et continue. à partir de là. » , ci-dessous nous utilisons des objets pour décrire la définition des tableaux :

Copier le code Le code est le suivant :

var arr = ["benjamin", "zuojj"];
//=>
vararr = {
"0": "benjamin",
"1": "zuojj"
};

En regardant l'exemple ci-dessus, j'ai toujours l'impression qu'il manque quelque chose, OK, la longueur du tableau :

Copier le code Le code est le suivant :

vararr = {
"0" : "benjamin",
"1" : "zuojj",
"longueur" : 2
};

Nous savons que dans le langage Javascript, un tableau est un objet spécial. Nous pouvons accéder aux propriétés de l'objet en utilisant la méthode d'accès au tableau. En même temps, le tableau peut également ajouter des propriétés comme un objet. Regardez l'exemple suivant :

Copier le code Le code est le suivant :

vararr = {
"0" : "benjamin",
"1" : "zuojj",
"longueur" : 2
};
//Sorties : "benjamin"
console.log(arr[0]);
//Sorties : 2
console.log(arr.length);

var arr = ["benjamin", "zuojj"];
arr.url = "www.jb51.net";
//Sorties : "www.jb51.net"
console.log(arr.url);
//Sorties : 2
console.log(arr.length);

Jetons un coup d'œil aux méthodes des tableaux. Les tableaux ont de nombreuses méthodes utilisables, telles que indexOf/slice/splice/sort, etc. Nous savons que ces méthodes existent réellement dans Array.prototype. Regardez l'exemple ci-dessous :

Copier le code Le code est le suivant :

var arr = ["benjamin", "zuojj"];
//Sorties : 1
console.log(arr.indexOf("zuojj"));
arr.indexOf = fonction(str) {
Return "C'est un indexOf personnalisé!";
>
//Sorties : "C'est un indexOf personnalisé !"
console.log(arr.indexOf("zuojj"));

En fait, nous pouvons surcharger toutes les méthodes de tableau en utilisant des objets. Regardez l'exemple de méthode push ci-dessous :

Copier le code Le code est le suivant :

vararr = {
longueur : 0,
Push : fonction(val) {
//Devoir
Ceci[this.length] = val;
//Mettre à jour la longueur du tableau
Cette.longueur = 1;
​​​​ //Renvoie la longueur du tableau
          return this.length;
>
>
arr.push("zuojj");
arr.push("benjamin");
//Objet {0 : "zuojj", 1 : "benjamin", longueur : 2, push : fonction}
console.log(arr);

Mais il y a une chose qui ne peut pas être réimplémentée, la définition littérale d'un tableau :

Copier le code Le code est le suivant :
var arr = ["benjamin", "zuojj"] ;

Mais nous pouvons utiliser un constructeur à la place :

Copier le code Le code est le suivant :
var arr = new Array("benjamin", "zuojj ");

Si une définition littérale d'un tableau ne s'applique pas, alors nous pouvons redéfinir la définition du tableau à notre manière.

Copier le code Le code est le suivant :
var myArr = new CustomArray("benjamin", "zuojj ");

Maintenant que vous savez comment fonctionnent les tableaux en JavaScript, j'espère que cela sera utile à tout le monde.

É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