Plusieurs méthodes de définition de tableaux javascript (tutoriel graphique)

Cet article présente principalement plusieurs méthodes de définition de tableaux javascript. De manière générale, elles sont divisées en création implicite, instanciation directe, création d'un tableau et spécification de la longueur. Plus tard, pour plus de commodité, vous pouvez utiliser directement le format json pour définir le. tableau. Les amis qui en ont besoin peuvent Pour référence

1 Qu'est-ce qu'un tableau

Un tableau est une collection de données
son expression est une adresse mémoire continue. en mémoire
Le nom du tableau est en fait la première adresse de l'adresse mémoire continue

2. Concernant les caractéristiques des tableaux en js

Il n'y a pas besoin de spécifier le type de données lors de la définition du tableau
Vous pouvez lors de la définition du tableau Il n'est pas nécessaire de spécifier la longueur du tableau
Les tableaux peuvent stocker des données de n'importe quel type de données (par exemple, un élément stocke le type entier et un l'élément stocke le type de chaîne. Ceci est possible en JS)

Créer un tableau Syntaxe :

var arr=[valeur 1, valeur 2, valeur 3] ; create

var arr=new Array(value 1, value 2, value 3); //Instanciation directe de

var array=new Array(size); ) représente l'exécution de la fonction

[] représente la simulation de syntaxe, qui représente la simulation d'une instance de la classe Array (=new Array())

//方法一
var arr1 = [1,3,5,7,9];
document.write(arr1[2] + &#39;<br>&#39;);
 
//方法二
var arr2 = new Array(2,4,6,8,10);
document.write(arr2[3] + &#39;<br>&#39;);
 
//方法三
var arr3 = new Array(3);//固定数组长度为3
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;
document.write(arr3[2] + &#39;<br>&#39;);

{} représente la simulation de syntaxe, qui représente la simulation d'une instance de la classe Object (= new Object())

//Indique une simulation de syntaxe (objet régulier), ce qui signifie simuler des instances de la classe RegExp (=new RegExp())

À propos de la longueur du tableau

Array object.length

En js, chaque objet tableau peut appeler l'attribut length, qui indique le nombre d'éléments du tableau se trouvant sous l'objet tableau

Exemple :

4. for...in instruction

En js, le tableau n'est pas un type de données. Le type de données du tableau est en fait un objet

var row = ['zhangsan','lisi','wangwu'];
doucument.write(&#39;共有&#39;+row.length+&#39;个人<br>&#39;);

var length = row.length;//对数组进行遍历
for (var i=0;i<length;i++){
doucument.write(row[i]+&#39;<br>&#39;);
}

. in js L'instruction For.....in peut être utilisée pour parcourir tous les attributs d'un objet

Vous pouvez également utiliser l'instruction for...in pour parcourir tous les éléments d'un tableau <.> Syntaxe :

for( var i in array ){

}

Principe : Il y a plusieurs éléments dans le tableau, et l'instruction for..in sera exécuté en boucle autant de fois que possible

Chaque fois qu'il est exécuté, l'indice de l'élément courant du tableau est stocké dans la variable i

Résultat :

0 : zhangsan

　1 : lisi

　2 : wangwu

　3:xiaoqiang

var row = ['zhangsan','lisi','wangwu','xiaoqiang'];
for (var i in row){
 document.write(i + &#39;:&#39; + row[i] + &#39;<br>&#39;);
}

5. Indice de texte

Format :

arr['key'] = value;

Dans js, les éléments du tableau avec des indices de texte ne sont pas comptés dans la longueur du tableau sont ajoutés au tableau sous forme d'indices de texte, mais sont en fait ajoutés à l'objet tableau sous forme d'attributs

Résultat :

3

zhangsan

lisi

Parcourir le tableau avec des indices de texte :

var arr = [1,2,3];
arr['first'] = 'zhangsan';
arr['second'] = 'lisi';

document.write(arr.length + &#39;<br>&#39;);
document.write(arr.first + &#39;<br>&#39;);
document.write(arr.second + &#39;<br>&#39;);

Résultat :

0:1
1:2

2:3

premier:zhangsan

deuxième:lisi

var arr = [1,2,3];
arr['first'] = 'zhangsan';
arr['second'] = 'lisi';

for(var i in arr){
 document.write(i + &#39;:&#39; + arr[i] + &#39;<br>&#39;);
}

6. Tableau multidimensionnel

7. Définissez d'abord, puis attribuez la valeur

8. la valeur en même temps lors de la définition du tableau

var arr = [
  [10,'zhangsan','male'],
  [11,'lisi','female'],
  [12,'wangwu','male']
 ];
for (var i in arr){
 for(var j in arr[i]){
  document.write(arr[i][j]);
 }
 document.write(&#39;<br>&#39;);
}

var　myArray3 = new Array(" P","H","P");

//Vous devez préciser une valeur numérique ou logique dans le tableau, alors le type de variable doit être une variable numérique ou une variable booléenne, pas une variable de caractère

var myArray1 = new Array(); //不定义元素个数
  myArray1[0] = "P";
  myArray1[1] = "H";
  myArray1[2] = "P";
var myArray2 = new Array(4); //定义元素的个数
  myArray1[0] = "P";
  myArray1[1] = "H";
  myArray1[2] = "P";

Définition du format json

Les étudiants qui ne comprennent pas peuvent consulter cet article : http://www.jb51.net/article/20688.htm

La différence entre l'utilisation de la définition Json et le tableau

Json : C'est une méthode utilisée pour stocker des données en javascript.

Format Json : var Json={a:1, b:2, c:3};

var myArray4 = [
   {"num":"1001","name":"jack","age":16},
   {"num":"1002","name":"Mary","age":17},
   {"num":"1003","name":"Tom","age":19}
   ];
//注意中括号和大括号的位置

Format tableau : var arr=[1,2,3];

Json La différence entre deux tableaux :

1. L'indice de Json est une chaîne. Par exemple, lors de l'appel de la première donnée, utilisez : Json.a. L'indice du tableau est un nombre tel que arr[0]

2. Json n'a pas de longueur, et le tableau a une longueur

. Utilisez Json pour stocker des données. need to use for (element variable in variable name) {}; Comme Json n'a pas de longueur, vous devez utiliser une boucle for in. La boucle for in peut être utilisée pour Json et les tableaux

for(i in. Json){ déclaration };

Quand utiliser for boucle et quand utiliser for in boucle ?
Tableau : utiliser for la boucle for(i=0,iJson : utiliser for dans la boucle for(i in Json){};

10. Remarque

· Les tableaux n'ont qu'un seul attribut, la longueur du tableau

· Si aucune valeur n'est attribuée au tableau, le résultat n'est pas défini et l'impression est ""
· Si la longueur du tableau n'est pas assez longue, elle peut être automatiquement étendue et n'existe pas. La question du franchissement de la frontière

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Explication détaillée de l'utilisation des paires clé-valeur stockées dans js

Processus parent NodeJS Explication détaillée des étapes de partage de ressources avec les processus enfants

Concept de fonction auto-exécutable anonyme JS et instructions d'utilisation

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!