Explication détaillée de l'utilisation du tableau dans JS

Cette fois, je vous apporte une explication détaillée de l'utilisation des tableaux en JS, et quelles sont les précautions lors de l'utilisation des tableaux JS. Ce qui suit est un cas pratique, voyons. jetez un oeil.

Beaucoup de gens qui viennent de commencer à connaître js ne savent pas très bien ce qu'est un tableau js et comment le tableau js est défini. L'article suivant vous présentera la définition du tableau js si cela vous intéresse. , ce qui suit est Levez-vous et découvrez.

1. Qu'est-ce qu'un tableau

Un tableau est une collection de données

Sa forme d'expression est une adresse mémoire continue dans la mémoire

Le nom du tableau est en fait la première adresse des adresses mémoire consécutives

2. À propos des caractéristiques des tableaux en js

Il n'est pas nécessaire de spécifier le type de données

lors de la définition d'un tableau 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 de création d'un tableau :

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

var array=new Array(size); //Créez un tableau et spécifiez la longueur

Signification des symboles en JS :

() indique l'exécution de la 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

Classe d'objet

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

3. À propos de la longueur du tableau

//方法一 
 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>');

Objet du tableau.longueur

En 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. pour...dans la déclaration

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

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

Grammaire :

pour( var i dans le tableau ){

>

Principe : Il y a plusieurs éléments dans le tableau, et l'instruction for..in sera 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 :

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

0:zhangsa

1:lisi

2:wangwu

3:xiaoqian

5. Indice de texte

Format :

arr['key'] = valeur;

En js, les éléments du tableau avec des indices de texte ne sont pas comptés dans la longueur du tableau

Ajouté au tableau sous forme d'indice de texte, effectivement ajouté à l'objet tableau sous forme d'attributs

Résultat :

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>');

3

Zhangsan

lisi

Parcourez un tableau avec des indices de texte :

Résultat :

var arr = [1,2,3];
arr['first'] = 'zhangsan';
arr['second'] = 'lisi'; 
for(var i in arr){
document.write(i + ':' + arr[i] + '<br>'); 
}

0:1

1:2

2:3

premier :zhangsan

deuxième:lisi

6.

Tableau multidimensionnel

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le. Site Web chinois PHP !

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>'); 11 }

Lecture recommandée :

Complétion de l'adresse e-mail dans la zone de texte de l'invite JS

Traitement de l'utilisation et de la compatibilité de getBoundingClientRect

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!