Maison > interface Web > js tutoriel > le corps du texte

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

韦小宝
Libérer: 2017-11-27 10:22:08
original
2199 Les gens l'ont consulté

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

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;
Copier après la connexion

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

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


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

1 arr[arr.length - 1];
Copier après la connexion

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

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

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

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 }
Copier après la connexion

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 }
Copier après la connexion

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!

É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