Maison > interface Web > js tutoriel > Organiser le tableau Javascript Study notes_javascript skills

Organiser le tableau Javascript Study notes_javascript skills

WBOY
Libérer: 2016-05-16 15:28:59
original
1270 Les gens l'ont consulté

1. Qu'est-ce qu'un tableau
Un tableau est une collection de valeurs, chaque valeur a un numéro d'index, commençant à 0, et chaque index a une valeur correspondante, en ajoutant plus de valeurs si nécessaire.

 <script type="text/javascript">
  var myarr=new Array(); //定义数组
  myarr[0]=80; 
  myarr[1]=60;
  myarr[2]=99;
  document.write("第一个人的成绩是:"+myarr[0]);
  document.write("第二个人的成绩是:"+myarr[1]);
  document.write("第三个人的成绩是:"+myarr[2]);
 </script>
Copier après la connexion

2. Formez un groupe et donnez-lui un nom (comment créer un tableau)
Avant d'utiliser un tableau, vous devez d'abord le créer et affecter le tableau lui-même à une variable.
Créer une syntaxe de tableau :

var myarray=new Array();//语句是创建一个新数组存储在myarray变量中
var myarray保存数组的变量
new Array();创建一个新的空数组
Copier après la connexion

Lorsque nous créons un tableau, nous pouvons également spécifier la longueur du tableau, et la longueur peut être spécifiée arbitrairement.

Copier le code Le code est le suivant :
var myarray= new Array(8); //Créer un tableau et stocker 8 éléments de données.

Remarque :
1). Le nouveau tableau créé est un tableau vide sans valeur. En cas de sortie, il affichera un élément non défini.
2). Bien que la longueur soit spécifiée lors de la création d'un tableau, les tableaux sont en réalité de longueur variable, ce qui signifie que même si la longueur est spécifiée à 8, les éléments peuvent toujours être stockés au-delà de la longueur spécifiée.

3. Affectation du tableau
Première étape : former un bus
Étape 2 : Prenez place selon votre numéro de billet
Le siège n°1 dans le bus est Zhang San
Le siège n°2 dans le bus est Li Si
Expression de tableau :
Étape 1 : Créer un tableau var myarr=new Array();
Étape 2 : Attribuez une valeur au tableau
myarr[1]="Zhang San";
myarr[2]="李思";
Créez un tableau pour stocker les résultats mathématiques de 5 personnes :

var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩
Copier après la connexion

Remarque : Chaque valeur du tableau a un numéro d'index, commençant à 0.
La première méthode :

Copier le code Le code est le suivant :
var myarray = new Array(66,80,90,77,59 );/ / Créez un tableau et attribuez des valeurs en même temps

Deuxième méthode :
Copier le code Le code est le suivant :
var myarray = new Array[66,80,90,77,59 ];/ /Saisir directement un tableau (appelé "tableau littéral")

4. Ajouter un nouvel élément au tableau
De nouveaux éléments peuvent être ajoutés au tableau à tout moment en utilisant simplement le prochain index inutilisé.
myarray[5]=88; //Utiliser un nouvel index pour ajouter un nouvel élément au tableau

5. Utiliser des éléments de tableau
Pour obtenir la valeur d'un élément du tableau, référencez simplement la variable du tableau et fournissez un index, comme :
La méthode d'expression du score à la première personne : myarray[0]
La méthode d'expression de la partition à la troisième personne : myarray[2]

<script language="javascript">
 var myarr=new Array();
  myarr[0]="小红";
  myarr[1]="小明";
  myarr[2]="小亮";
  myarr[3]="小川";
  document.write("第二人的姓名是:"+ myarr[1] );
</script>
Copier après la connexion

6. Comprendre le nombre de membres (longueur de l'attribut du tableau)
L'attribut Longueur représente la longueur du tableau, c'est-à-dire le nombre d'éléments dans le tableau.

Copier le code Le code est le suivant :
myarray.length //Obtenir la longueur du tableau; mon tableau

Remarque : étant donné que l'index d'un tableau commence toujours à 0, les limites supérieure et inférieure d'un tableau sont respectivement : 0 et longueur-1. Par exemple, si la longueur du tableau est 5, les limites supérieure et inférieure du tableau sont respectivement 0 et 4.

 var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr 
 document.write(arr.length); //显示数组长度8
 document.write(arr[7]); //显示第8个元素的值54
Copier après la connexion

Dans le même temps, la propriété length des tableaux JavaScript est variable, ce qui nécessite une attention particulière.

arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10
Copier après la connexion

À mesure que le nombre d'éléments augmente, la longueur du tableau changera également, comme suit :

var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16
Copier après la connexion

7. Tableau bidimensionnel
Nous considérons un tableau unidimensionnel comme un ensemble de boîtes, chaque boîte ne peut contenir qu'un seul contenu.
Représentation d'un tableau unidimensionnel : myarray[ ]
Nous considérons un tableau bidimensionnel comme un ensemble de cases, mais chaque case peut également contenir plusieurs cases.
Représentation d'un tableau bidimensionnel : myarray[ ][ ]
Remarque : les valeurs d'index des deux dimensions du tableau bidimensionnel commencent également à partir de 0 et la dernière valeur d'index des deux dimensions est la longueur-1.
1).Méthode 1 de définition d'un tableau bidimensionnel

var myarr=new Array(); //先声明一维 
for(var i=0;i<2;i++){ //一维长度为2
  myarr[i]=new Array(); //再声明二维 
  for(var j=0;j<3;j++){ //二维长度为3
   myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
  }
 }
Copier après la connexion

2). Méthode de définition de tableau bidimensionnel 2

Copier le code Le code est le suivant :
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3 , ]]

3). Devoir
Copier le code Le code est le suivant :
myarr[0][1]=5 //Passez la valeur de 5 dans le tableau, écrasant la valeur d'origine.

Explication : myarr[0][1], 0 représente la ligne du tableau et 1 représente la colonne du tableau.

Ce qui précède concerne les tableaux Javascript. Il s'agit d'une étude plus approfondie des tableaux Javascript. J'espère que vous l'aimerez.

É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