Maison > interface Web > js tutoriel > Partager plusieurs façons de définir des tableaux en JavaScript

Partager plusieurs façons de définir des tableaux en JavaScript

黄舟
Libérer: 2017-10-10 10:32:22
original
1262 Les gens l'ont consulté

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] + &#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;);
Copier après la connexion

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 = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;];
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;);
}
Copier après la connexion

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 = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;,&#39;xiaoqiang&#39;];
for (var i in row){
 document.write(i + &#39;:&#39; + row[i] + &#39;<br>&#39;);
}
Copier après la connexion

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 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


var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

document.write(arr.length + &#39;<br>&#39;);
document.write(arr.first + &#39;<br>&#39;);
document.write(arr.second + &#39;<br>&#39;);
Copier après la connexion
Résultat :

3

zhangsan
lisi

Parcourez le tableau avec des indices de texte :


var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

for(var i in arr){
 document.write(i + &#39;:&#39; + arr[i] + &#39;<br>&#39;);
}
Copier après la connexion
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,&#39;zhangsan&#39;,&#39;male&#39;],
  [11,&#39;lisi&#39;,&#39;female&#39;],
  [12,&#39;wangwu&#39;,&#39;male&#39;]
 ];
for (var i in arr){
 for(var j in arr[i]){
  document.write(arr[i][j]);
 }
 document.write(&#39;<br>&#39;);
}
Copier après la connexion

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] = "家";
Copier après la connexion

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}
   ];
//注意中括号和大括号的位置
Copier après la connexion
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){

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){};


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!

Étiquettes associées:
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
Derniers numéros
c++ appelle javascript
Depuis 1970-01-01 08:00:00
0
0
0
Qu’est-ce que le garbage collection JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Que sont les fonctions de hook JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Comment obtenir la date actuelle en JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal