Maison > Article > interface Web > Partager plusieurs façons de définir des tableaux en JavaScript
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é, le tableau est directement défini au format json. est le Script Accueil L'éditeur vous le présentera. Les amis qui en ont besoin peuvent s'y référer
1 Qu'est-ce qu'un tableau ?
Un tableau est une collection. de données
son expression C'est une adresse mémoire continue dans la mémoire
Le nom du tableau est en fait la première adresse de l'adresse mémoire continue
2 À propos des caractéristiques des tableaux en js.
Définition du tableau Il n'est pas nécessaire de spécifier le type de données
Il n'est pas nécessaire de spécifier la longueur du tableau lors de la définition 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ément stocke le type chaîne. Ceci est possible en JS )
Syntaxe pour créer un tableau :
var arr=[value 1. , valeur 2, valeur 3]; //Création implicite de
var arr=new Array(value 1, value 2, value 3); // Instancier directement
var array=new Array); (size); // Créer un tableau et spécifier la longueur
//方法一 var arr1 = [1,3,5,7,9]; document.write(arr1[2] + '<br>'); //方法二 var arr2 = new Array(2,4,6,8,10); document.write(arr2[3] + '<br>'); //方法三 var arr3 = new Array(3);//固定数组长度为3 arr3[0] = 1; arr3[1] = 2; arr3[2] = 3; document.write(arr3[2] + '<br>');
La signification des symboles en JS :
() signifie l'exécution de fonction
[] signifie simulation de syntaxe, ce qui signifie simuler une instance de la classe Array (=new Array())
{} représente la simulation de syntaxe, qui représente la simulation d'instances de la classe Object (=new Object())
//représente la simulation de syntaxe (objets réguliers), qui représente les instances de simulation 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 :
var row = ['zhangsan','lisi','wangwu']; doucument.write('共有'+row.length+'个人<br>'); var length = row.length;//对数组进行遍历 for (var i=0;i<length;i++){ doucument.write(row[i]+'<br>'); }
4. for...in instruction
En js, les tableaux ne sont pas des types de données. Le type de données des tableaux est. en fait des objets
L'instruction For.....in dans Js peut parcourir toutes les propriétés 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 le for.. L'instruction in est exécutée en boucle autant de fois que possible
Chaque fois qu'elle est exécutée, l'indice de l'élément actuel du tableau est stocké dans la variable i
var row = ['zhangsan','lisi','wangwu','xiaoqiang']; for (var i in row){ document.write(i + ':' + row[i] + '<br>'); }
Résultat :
0:zhangsan
1:lisi
2:wangwu
3:xiaoqiang
5.
Format :arr['key'] = value;En js, le tableau des indices de texte Éléments, non inclus dans la longueur du tableausont ajoutés au tableau sous forme d'indices de texte, mais sont en fait ajoutés à l'objet tableau sous forme d'attributs
var arr = [1,2,3]; arr['first'] = 'zhangsan'; arr['second'] = 'lisi'; document.write(arr.length + '<br>'); document.write(arr.first + '<br>'); document.write(arr.second + '<br>');Résultat : 3
zhangsan
lisi
var arr = [1,2,3]; arr['first'] = 'zhangsan'; arr['second'] = 'lisi'; for(var i in arr){ document.write(i + ':' + arr[i] + '<br>'); }Résultat : 0:1
1:2
2:3
premier:zhangsan
seconde:lisi
6. >
Ce qui suit est le supplément de Script House
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('<br>'); }
Définissez d'abord, puis attribuez une valeur
.
2. Attribuez des valeurs en même temps lors de la définition du tableau
var myArray1 = new Array(); //不定义元素个数 myArray1[0] = "脚"; myArray1[1] = "本"; myArray1[2] = "之"; myArray1[3] = "家"; var myArray2 = new Array(4); //定义元素的个数 myArray1[0] = "脚"; myArray1[1] = "本"; myArray1[2] = "之"; myArray1[3] = "家";
var myArray3 = new Array("foot" ,"this" ,"之","家");//Vous devez spécifier une valeur numérique ou logique dans le tableau, le type de variable doit alors être une variable numérique ou une variable booléenne, et non une variable de caractère
3. Définition du format json
Les étudiants qui ne comprennent pas peuvent consulter cet article : http://www.jb51.net/ article/20688.htm
var myArray4 = [ {"num":"1001","name":"jack","age":16}, {"num":"1002","name":"Mary","age":17}, {"num":"1003","name":"Tom","age":19} ]; //注意中括号和大括号的位置La différence entre l'utilisation de la définition Json et le tableau
Json : c'est une méthode utilisée pour stocker données en javascript. Format Json : var Json={a:1, b:2, c:3};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, une boucle for in doit être utilisée. La boucle for in peut être utilisée pour Json et les tableaux
for(i). en Json){
};
Quand utiliser for boucle et quand utiliser for in boucle ?
Tableau : utiliser for la boucle for(i=0,i
4. 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. Le problème du franchissement de la ligne
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!