Comme nous le voyons, les tableaux sont très importants dans JavaScript et dans la plupart des langages de programmation. Plus précisément, nous avons déjà appris à créer des tableaux et à les utiliser dans des articles précédents du manuel JavaScript. Mais nous avons encore des choses importantes à expliquer, telles que des tableaux multidimensionnels.
Les matrices multidimensionnelles sont une structure de données qui stocke les valeurs dans plusieurs dimensions. Les tableaux que nous avons vus jusqu’à présent sur des valeurs de magasin dans une dimension, afin d’accéder aux positions que nous utilisons uniquement un index. Les matrices à 2 dimensions permettent de la mettre d’une manière ou d’une autre dans des lignes et des colonnes et nous aurons donc besoin de deux index pour accéder à chacune de ses positions.
En d’autres termes, une matrice multidimensionnelle est aussi Un conteneur qui a sauvegardé plus de valeurs pour chaque position, c’est-à-dire comme si les éléments de la matrice étaient d’autres matrices.
en JavaScript, il n’y a pas d’objet multidimensuel authentique. Pour utiliser ces structures, nous pouvons définir des tableaux que, dans chacune de ses positions, il y aura un autre tableau. Dans nos programmes, nous pouvons utiliser des tableaux à partir de n’importe quelle dimension, nous verrons ci-dessous comment travailler avec des tableaux bidimensionnels, qui seront les plus courants.
Dans cet exemple, nous allons créer un bidimensionnel matrice où nous aurons sur une partie des villes latérales et de l’autre la température moyenne qu’il fait dans chacune d’hiver pendant les mois d’hiver.
var temperaturas_medias_ciudad0 = new Array(3) temperaturas_medias_ciudad0 = 12 temperaturas_medias_ciudad0 = 10 temperaturas_medias_ciudad0 = 11 var temperaturas_medias_ciudad1 = new Array (3) temperaturas_medias_ciudad1 = 5 temperaturas_medias_ciudad1 = 0 temperaturas_medias_ciudad1 = 2 var temperaturas_medias_ciudad2 = new Array (3) temperaturas_medias_ciudad2 = 10 temperaturas_medias_ciudad2 = 8 temperaturas_medias_ciudad2 = 10avec les lignes précédentes J’ai créé trois tableaux de 1 dimension et trois éléments, comme ceux que nous connaissions déjà. Nous allons maintenant créer une nouvelle gamme de trois éléments et nous introduirons les tableaux créés précédemment à l’intérieur de chacune de ses boîtes, avec laquelle nous aurons une matrimonie de tableaux, c’est-à-dire un tableau à 2 dimensions.
var temperaturas_cuidades = new Array (3) temperaturas_cuidades = temperaturas_medias_ciudad0 temperaturas_cuidades = temperaturas_medias_ciudad1 temperaturas_cuidades = temperaturas_medias_ciudad2Nous voyons que pour introduire l’ensemble de la matrice que nous nous référencons sans parenthèses ou parenthèses, mais seulement avec son nom. Le tableau Températures_quity est notre matrice à deux dimensinales.
Il est également intéressant de voir comment une tournée est effectuée par un tableau en deux dimensions. Pour cela, nous devons faire une boucle qui traverse chacune des boîtes de matrice bidimensionnelles et, dans les autres, faites une nouvelle visite pour chacune de ses boîtes internes. C’est-à-dire une visite d’un tableau à l’intérieur d’une autre.
La méthode pour faire une visite dans une autre consiste à placer une boucle à l’intérieur d’une autre, ce qui s’appelle une boucle imbriquée. Dans cet exemple, nous allons mettre une boucle pendant une autre. Écrivons également les résultats sur une table, ce qui compliquera un peu le script, mais nous pouvons voir comment construire une table à partir de JavaScript lorsque nous effectuons l’itinéraire imbriqué à la boucle.
document.write("<table width=200 border=1 cellpadding=1 cellspacing=1>"); for (i=0;i<temperaturas_cuidades.length;i++){ document.write("<tr>") document.write("<td><b>Ciudad " + i + "</b></td>") for (j=0;j<temperaturas_cuidades.length;j++){ document.write("<td>" + temperaturas_cuidades + "</td>") } document.write("</tr>") } document.write("</table>") Ce script est un peu plus complexe que ceux observés précédemment. La première action consiste à écrire l’en-tête de la table, c’est-à-dire l’étiquette <TABLE> avec ses attributs. Avec la première boucle, nous effectuons une visite à la première dimension de la matrice et utilisez la variable I pour conserver le compte de la position actuelle. Pour chaque itération de cette boucle, nous écrivons une ligne et pour commencer la ligne, nous ouvrons l’étiquette <TR>. De plus, nous avons écrit dans une boîte le nombre de la ville que nous voyagons à ce moment-là. Nous mettons ensuite une autre boucle qui traverse chacune des boîtes de matrice dans sa deuxième dimension et nous écrivons la température de la ville actuelle dans chacun des mois, à l’intérieur de son étiquette <TD>. Une fois la deuxième boucle se termine, les trois températures ont été imprimées et la ligne est donc terminée. La première boucle continue d’abroger jusqu’à ce que toutes les villes soient imprimées et une fois terminées, nous avons fermé la table.
Nous pouvons voir l’exemple en cours d’exécution et examiner le code de l’ensemble du script.
initialisation des matrices
Pour terminer avec le thème des tableaux Nous verrons un moyen d’initialiser vos valeurs pendant que nous le déclarons, nous pouvons donc effectuer une manière plus rapide la voie Processus d’introduction de valeurs dans chacune des positions de matrice.
La méthode normale de création d’une matrice Nous avons constaté que c’était à travers l’objet Array, mettant le nombre de boîtes de réseau entre parenthèses ou ne pas rien mettre, de sorte que la matrice soit créée sans aucune position. Pour entrer des valeurs à un tableau devient la même chose, mais mettez entre entre parenthèses les valeurs avec lesquelles nous voulons remplir les cases séparées par un coma. Voyons-le avec un exemple qui crée un tableau avec les noms des jours de la semaine.
var diasSemana = new Array("Lunes","Martes","Miércoles,","Jueves","Viernes","Sábado","Domingo")Le tableau est créé avec 7 boîtes, de 0 à 6 et dans chaque case est écrit le jour de la semaine correspondante (entre guillemets parce qu’il s’agit d’un texte).
Voyons maintenant quelque chose de plus compliqué, il s’agit de déclarer la matrice bidimensionnelle que nous utilisons avant pour températures des villes dans les mois sur une seule ligne, entrant dans les valeurs à la fois.
var temperaturas_cuidades = new Array(new Array (12,10,11), new Array(5,0,2),new Array(10,8,10))dans l’exemple que nous entrez dans chaque case dans chaque case Array qui valait des valeurs les températures d’une ville dans chaque mois.
JavaScript est toujours plus sommaire que nous venons de voir, que nous expliquons dans le premier article où nous traitons les tableaux. Pour cela, nous avons simplement écrit entre les crochets que nous créons les données de la matrice. Pour terminer, nous montrerons un exemple sur la manière d’utiliser cette syntaxe pour déclarer des tableaux de plus d’une dimension.
var arrayMuchasDimensiones = , , "acabo"], 2, 5];dans cet exemple nous avons créé un très uniforme. Array, car il contient des boîtes contenant des contenus de simples simples et d’autres avec une teneur en chaîne et d’autres d’autres tableaux. Nous pourrions accéder à certaines de leurs boîtes et montrer leurs valeurs de cette manière:
alert (arrayMuchasDimensiones)alert (arrayMuchasDimensiones)alert (arrayMuchasDimensiones)avec cela, nous sommes arrivés à la fin des articles qui traitent Tableaux en JavaScript et nous pouvons maintenant continuer avec une petite pause et des conseils qui vont bien améliorer notre relation avec ce langage de programmation.