Dans les langages de programmation, les tableaux (tableau) sont une fonction très courante; Ils sont une variable spéciale qui peut être utilisée pour stocker plusieurs valeurs numériques en même temps. Cependant, en ce qui concerne JavaScript, il y a beaucoup d'autres choses à explorer.
Dans cet article, nous discuterons de trois caractéristiques moins courantes des tableaux JavaScript.
1. Ajouter des propriétés personnalisées au tableau
Lors de la recherche de définitions sur les tableaux JavaScript en ligne, vous constaterez que presque tout le monde a la même définition de tableaux: un objet.
En fait, tout ce que nous traitons avec JavaScript peut être considéré comme un objet. Il existe deux types de données dans JavaScript, le type de base est le type d'objet, mais le type de base est essentiellement inclus dans le type d'objet.
Les tableaux, les fonctions et la date sont tous des objets prédéfinis en JavaScript, et ils contiennent tous des méthodes, des propriétés et leur syntaxe standardisée respective.
Les tableaux JavaScript ont les trois propriétés différentes suivantes:
1) L'indice du tableau est également son attribut
2) Propriétés intégrées
3) Vous pouvez ajouter vous-même des propriétés personnalisées
Les deux premiers attributs sont bien connus de tout le monde. Vous pouvez les utiliser tous les jours, mais je veux toujours dire quelques mots supplémentaires ici, puis parlons de la façon d'ajouter des attributs personnalisés aux tableaux.
Prenez l'index en tant que propriété
Les tableaux JavaScript peuvent utiliser la syntaxe du support carré, tel que var ary = ["orange", "pomme", "lychee"];.
L'indice d'un élément de tableau est essentiellement une propriété, et les noms de ses propriétés sont toujours des entiers non négatifs.
La paire d'éléments d'index d'un tableau est similaire à une paire de valeurs de clé d'un objet. Les index sont des caractéristiques uniques des objets Array, contrairement à d'autres propriétés intégrées, qui peuvent être configurées individuellement via des crochets, tels que ARY [3] = "Peach";.
Propriétés intégrées
Les tableaux ont des propriétés intégrées telles que Array.Length. Cette propriété de longueur contient une valeur entière qui représente la longueur du tableau.
De manière générale, les propriétés intégrées peuvent souvent être trouvées dans des objets JavaScript prédéfinis tels que les tableaux. Les propriétés intégrées sont combinées avec des méthodes intégrées, qui peuvent personnaliser des objets ordinaires pour répondre à différents besoins.
Lorsque vous accédez aux propriétés intégrées, vous pouvez utiliser deux syntaxes: object.key ou objet ["key"]. Autrement dit, lorsque vous obtenez la longueur du tableau, vous pouvez l'écrire en tant qu'ary ["longueur"].
Créer des propriétés personnalisées pour les objets de tableau
Parlons maintenant de la façon d'ajouter des propriétés personnalisées à un tableau. Un tableau est un objet prédéfini qui stocke différents types de valeurs dans différents index.
Normalement, nous n'avons pas besoin d'ajouter des attributs personnalisés aux tableaux; Pour cette raison, lorsque nous avons appris JavaScript pour la première fois, personne ne nous a dit que nous pouvions ajouter des attributs aux tableaux. En fait, si vous souhaitez ajouter des paires de valeurs clés au tableau comme vous traitez un objet général, vous pouvez également utiliser un objet général pour atteindre votre objectif. Cependant, cela ne veut pas dire qu'il n'y a aucun cas spécial du tout, dans certains cas, vous pouvez profiter du fait qu'un tableau est également un objet et y ajouter une ou plusieurs propriétés personnalisées.
Par exemple, vous pouvez ajouter une propriété personnalisée au tableau qui reconnaît l'élément "type" ou "classe". Pour plus de détails, veuillez consulter l'exemple ci-dessous:
var ary = ["orange", "pomme", "lychee"]; ary.itemclass = "fruits"; console.log (ary + "sont" + ary.itemclass);
Veuillez noter que les propriétés personnalisées que vous ajoutez au tableau sont dénombrables, c'est-à-dire qu'elles peuvent être sélectionnées par des boucles comme pour ... IN.
2. Boucle dans les éléments du tableau
Vous pourriez dire: "Je le connais depuis longtemps." C'est vrai, vous savez déjà comment indexer les éléments du tableau. Mais vous pouvez penser que la déclaration "boucle dans les éléments du tableau" est un peu abstraite parce que ce que nous boucle vraiment, c'est l'index du tableau.
Étant donné que les indices de tableau sont tous composés d'entiers non négatifs, nous commençons généralement de 0 jusqu'à la longueur totale du tableau pour itérer sur la valeur entière, puis utilisons cette valeur itérée pour obtenir l'élément de tableau en fonction de l'indice spécifique.
Cependant, comme Ecmascript6 apparaît, nous ne pouvons plus nous soucier des index et des boucles directement dans les valeurs du tableau, et cette opération peut être effectuée en utilisant un pour ... de Loop.
Dans un tableau, le pour ... de la boucle peut boucle les éléments du tableau en fonction de l'ordre de l'index. En d'autres termes, il peut contrôler l'itération de l'indice et obtenir une valeur de tableau existante en fonction de l'indice donné. Cette boucle est très pratique si vous voulez simplement parcourir tous les éléments du tableau et les utiliser.
var ary = ["orange", "pomme", "lychee"]; pour (laissez élément d'Ary) {console.log (item);} à titre de comparaison, avec le régulier pour Loop, nous obtenons les indices au lieu des valeurs en tant que sortie. var ary = ["orange", "Apple", "lychee"]; pour (var item = 0; item <ary.length; item ++) {console.log (item);}3. Le nombre d'éléments n'est pas égal à leur longueur
De manière générale, lorsque nous parlons de la longueur du tableau, nous pensons que sa longueur est soit le nombre de valeurs de tableau ou la longueur que nous définissons manuellement pour le tableau. Mais en fait, la longueur du tableau dépend du plus grand indice existant à l'intérieur.
La longueur est une propriété très flexible. Que vous ayez ajusté la longueur du tableau ou non, tant que vous continuez à ajouter de nouvelles valeurs au tableau, sa longueur augmentera également.
var ary = []; ary.length = 3; console.log (ary.length); ary [5] = "abcd"; console.log (ary.length);
Dans l'exemple ci-dessus, vous pouvez voir que je n'ai spécifié qu'une seule valeur à l'index 5 du tableau, puis la longueur est devenue 6. Maintenant, si vous pensez que vous ajoutez une valeur à l'index 5 et que le tableau créera automatiquement l'index 0-4, alors votre spéculation sera erronée. Il n'y a pas d'index 0-4 qui devrait exister dans le tableau. Vous pouvez utiliser l'opérateur in pour le visualiser.
var ary = []; ary.length = 3; console.log (ary.length); ary [5] = "ABCD"; console.log (ary.length); console.log (0 dans Ary);
Le tableau ARY ci-dessus est transformé en un tableau clairsemé par nous. L'indice de ce tableau ne sera pas créé en continu et il y a de l'air entre les index. L'opposé du réseau clairsemé est un tableau dense. L'indice des tableaux denses est créé en continu, avec le nombre d'éléments égaux à leur longueur.
La propriété de longueur d'un tableau peut également être utilisée pour raccourcir les nombres, garantissant que le nombre maximal d'index dans le tableau est toujours plus petit que le tableau lui-même, car par défaut, la valeur de la longueur sera toujours supérieure au plus grand nombre d'index.
Dans l'exemple ci-dessous, vous pouvez voir que j'ai utilisé la voie pour réduire la longueur du réseau ARY pour communautaire des éléments de l'indice 5.
var ary = []; ary.length = 3; console.log (ary.length); ary [5] = "abcd"; console.log (ary.length); ary.length = 2; console.log (ary.length); console.log (Ary [5]);
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.