Maison  >  Article  >  interface Web  >  Présentation des tableaux de base js, longueur du tableau, parcours du tableau

Présentation des tableaux de base js, longueur du tableau, parcours du tableau

韦小宝
韦小宝original
2017-11-27 10:22:082208parcourir

Brève introduction au tableau en js, et obtenir la longueur du tableau js, en parcourant le tableau en js, apprenons js Array !

1. Présentation des tableaux Un tableau représente une collection de données ordonnées.

Méthode de représentation du tableau : []. Vous pouvez penser que le simple fait de voir des crochets est un tableau.
Chaque donnée du tableau est séparée par des virgules et il n'y a pas de virgule dans le dernier élément.
array : Array

1 // 定义一个数组
2 var arr = [1,2,4,5];
3 console.log(arr[2]);

utilise l'index, également appelé indice, pour lire et définir avec précision un élément du tableau. Les indices du tableau commencent à 0.

1 arr[index];  //读取    
设置:arr[2] = 456;

Chaque élément du tableau peut être un type de données différent. Habituellement, nous sommes habitués à écrire le même type de données sous forme d’un ensemble de tableaux.

2. La longueur du tableau
Les données du tableau sont le type de données référencé .

1 // 数组的数据类型
2 console.log(typeof arr);

Les types de référence ont généralement leurs propres attributs et méthodes

attributs : caractéristiques des choses. Par exemple : la taille, la petite taille, l’embonpoint ou la maigreur d’une personne.

Méthode : C'est le comportement des choses. Par exemple : jouer à l’ordinateur, dormir.

Nous pouvons utiliser la méthode des points pour appeler des attributs.

1 Données de référence.


La longueur du tableau est représentée par l'attribut length. Appelez directement.

1 // 得到数组的长度
2 console.log(arr.length);


Le dernier élément du tableau : l'indice est la longueur du tableau moins 1.

1 arr[arr.length - 1];

Si l'indice dépasse arr.length - 1 , la valeur n'existe pas, la sortie indéfinie est indéfinie.

1 var arr = [1,23,45,2,56,1,67,89];
2 // 数组的最大下标是length -1,当超过这个下标时输出undefined
3 console.log(arr[9]);

Nous pouvons attribuer une valeur à un élément via un indice. Si nous attribuons une valeur à un élément dont l'indice dépasse arr.length - 1, l'affectation est forcée et la longueur du tableau est allongée de force.

1 var arr = [1,23,45,2,56,1,67,89];
2 arr[20] = 20;
3 console.log(arr[20]);
4 // 现在的数组长度是多少
5 console.log(arr.length);

Bien que la longueur ait été allongée, les éléments auxquels aucune valeur n'est attribuée au milieu sont toujours indéfinis.

arr.length peut également être forcé d'attribuer une valeur si elle dépasse la longueur d'origine, la partie supplémentaire n'est pas définie si aucune valeur ne lui est attribuée. Si elle est inférieure à la longueur d'origine, l'indice supplémentaire. les données seront supprimées directement.

1 var arr1 = [1,2,45,67,2,5566,67,12];
2 console.log(arr1.length);
3 arr1.length = 5;
4 console.log(arr1.length);
5 console.log(arr1);

3. Parcours du tableauNous pouvons obtenir chaque élément du tableau grâce à une certaine méthode. C'est une traversée.

Nous parcourons le tableau à travers la boucle for.

1 var arr = [1,2,"号","",function(){},12,23,null,false];
2 // 遍历输出数组中每一项
3 for(var i = 0 ; i <= arr.length - 1 ; i ++){
4 console.log(arr);
5 }

Cas : arr = [2,4,6,7,8] ; Trouvez la factorielle de chaque élément du tableau puis additionnez-la.

1 // 案例
2 var arr = [2,4,6,7,8];
3 // 求阶乘和
4 // 累加器
5 var sum = 0;
6 for(var i = 0 ; i <= arr.length - 1 ; i ++){
7 // 需要一个求阶乘的函数
8 sum += jiecheng(arr);
9 }
10 console.log(sum);
11 
12 
13 // 阶乘函数
14 // 累乘器
15 function jiecheng(a){
16 var cheng = 1;
17 for(var i = 1 ; i <= a ; i ++){
18 cheng *= i;
19 }
20 return cheng;
21 }

Ce qui précède est un aperçu des tableaux de base de js, de la longueur du tableau et de tout le parcours du tableau. Il décrit brièvement comment obtenir la longueur du js. array et traverse

Recommandations associées :

Résumé JS des types d'erreurs courants

5 JS qui peuvent être utilisés directement Extraits de code de fonction pratiques

Js natif implémente le code source de la boîte de div d'invite mobile

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!

Déclaration:
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