Maison > interface Web > js tutoriel > Explication détaillée de plusieurs méthodes de définition de tableaux JavaScript

Explication détaillée de plusieurs méthodes de définition de tableaux JavaScript

小云云
Libérer: 2018-01-27 13:29:48
original
2717 Les gens l'ont consulté

Que savez-vous de la méthode de définition des tableaux ? D'une manière générale, il est divisé en création implicite, instanciation directe, création d'un tableau et spécification de la longueur. Plus tard, afin de faciliter l'utilisation directe du format json pour définir le tableau, cet article partagera avec vous plusieurs méthodes détaillées de tableau javascript. définition. J'espère que cela pourra vous aider.

1. Qu'est-ce qu'un tableau

Un tableau est un ensemble de données
Son expression est une adresse mémoire continue en mémoire
Nom du tableau En fait , c'est la première adresse de l'adresse mémoire continue

2. Concernant les caractéristiques des tableaux en js

Il n'est pas nécessaire de préciser le type de données lors de la définition d'un array
Il n'est pas nécessaire de spécifier lors de la définition d'un tableau 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ément stocke le type chaîne. Ceci est possible en JS)

Syntaxe de création de tableaux:

var arr=[value 1, value 2, value 3] //Créer implicitement

var arr=new; Array(value 1, value 2, value 3) ; 🎜>La signification des symboles en JS :

() signifie l'exécution d'une fonction

[] signifie une simulation de syntaxe, ce qui signifie simuler une instance de la classe Array (=new Array())

{} signifie simulation de syntaxe, signifie simuler une instance de la classe Object (=new Object())
//方法一
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
// Indique une simulation de syntaxe (objet régulier), signifie simuler une instance de la classe RegExp (=new RegExp())

3. Concernant la longueur du tableau

Array object.length


In js, chaque objet tableau peut appeler l'attribut length, qui indique combien d'éléments de tableau se trouvent sous l'objet tableau

Exemple :

4. for...in instruction

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

Le L'instruction For.....in en Js peut parcourir tous les attributs d'un objet
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

Vous pouvez également utiliser l'instruction for ...in pour implémenter la traversée de 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 est exécutée en boucle

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

Résultat :

0:zhangsan

1:lisi

2:wangwu

3:xiaoqiang

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

5. Indice de texte

format :


arr['key'] = value;

En js, les éléments du tableau de l'indice de texte ne sont pas comptés. La longueur du tableau

est ajoutée au tableau sous la forme d'un. indice de texte. Il est en fait ajouté à l'objet tableau sous la forme d'un attribut. Le résultat est

:

 3.

zhangsan

 lisi

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

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 :

0:1

1:2

2:3

premier:zhangsan

seconde:lisi
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

6. 🎜>



Ce qui suit est un supplément à Script House

Définir d'abord, puis Assignation.

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

2. Attribuez une valeur en même temps lors de la définition du tableau

var myArray3 = new Array( "foot ","本","之","家");

//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, pas un caractère Variables

3. Définition du format json

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

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

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

Json : est utilisé pour stocker les données en javascript une méthode. Format Json : var Json={a:1, b:2, c:3};

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

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
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. Problème transfrontalier

Articles qui pourraient vous intéresser :

Exemple d'utilisation de la définition de tableau et de la méthode de tri en js

Introduction à diverses méthodes de définition et fonctions courantes des tableaux en JavaScript

  • Définition et exemples d'utilisation de tableaux en JavaScript

  • Méthode de tri des tableaux personnalisés JavaScript

  • JavaScript jQuery Définition de tableaux et opérations et opérations sur les tableaux jquery

  • Définition de tableau JavaScript et compétences en manipulation de nombres

  • Définition de tableau javascript et longueur de tableau

  • Comment définir un tableau d'objets en JavaScript

  • Trois façons de définir un tableau en JavaScript (new Array(), new Array(''x'',' 'y'')

  • 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:
    source:php.cn
    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
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal