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

Comment afficher un tableau en javascript

醉折花枝作酒筹
Libérer: 2023-01-06 11:17:19
original
4043 Les gens l'ont consulté

Les méthodes de sortie de tableau de JavaScript sont : 1. Utilisez la méthode "for in" pour boucler le tableau ; 2. Utilisez la boucle for pour générer le tableau ; 3. Utilisez la boucle forEach pour générer le tableau ; . Utilisez la boucle for-of pour générer le tableau.

Comment afficher un tableau en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

En JavaScript, vous pouvez parcourir le tableau à travers une boucle et utiliser la méthode document.writeln() ou console.log() pour afficher le tableau dans la boucle.

Exemple de tableau de sortie en javascript :

1 Utilisez la méthode for in pour boucler le tableau de sortie :

<script language="javascript" type="text/javascript">
var str = "how are you today";
var arr = str.split(" ");
for(var key in arr){
 document.writeln(arr[key]);
}
</script>
Copier après la connexion

2. le tableau :

<script language="javascript" type="text/javascript">
var str = "how are you today";
var arr = str.split(" ");
for(var i=0;i<arr.length;i++){
 document.writeln(arr[i]);
}
</script>
Copier après la connexion

3. Utilisez la boucle forEach pour générer le tableau :

var arr = [1, 2, 3, 4];
arr.forEach(function(val, index) {
    console.log(val, index);
});
Copier après la connexion

4. Utilisez la boucle for-of pour générer le tableau :

for-of est un. nouveau dans ES6 qui traverse les tableaux ou la méthode des tableaux. Il semble principalement résoudre les défauts des trois méthodes de parcours dans ES5 :

forEach ne peut pas casser ou retourner

let arr=[3,7,9];
     for (let key of arr){
             console.log(key);
    }
Copier après la connexion

Tableau JavaScript :

l'objet tableau est utilisé dans un A séparé une série de valeurs est stockée dans un nom de variable.

[Apprentissage recommandé : Tutoriel JavaScript avancé]

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