-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathforeach.html
82 lines (74 loc) · 2.41 KB
/
foreach.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Les boucles for-each</title>
</head>
<body>
<script>
let objet = {
clef1: 'valeur1',
clef2: 'valeur2'
};
/*
La boucle for...in parcourera toutes les clefs des
propriétés d'un objet.
On déclare une variable en premier qui contiendra les
clefs, son nom importe peu
*/
for (let clef in objet) {
/*
on utilise la notation avec crochet pour pouvoir
accèder à la valeur d'une propriété en lui
fournissant une variable comme clef
*/
console.log(clef + ' : ' + objet[clef]);
}
/*
Le for...in fonctionne techniquement sur les tableau
javascript, par contre, il aura des comportement
indésirable sur les pseudo-tableau (genre ceux renvoyés
par le DOM)
*/
let tableau = ['ga', 'zo', 'bu'];
for (let index in tableau) {
console.log(index);
}
/*
Le for...of existe depuis la specification ECMAScript2015
et permet d'itérer sur les valeur d'un tableau (ne marche
pas sur les objets directement)
*/
for (let valeur of tableau) {
console.log(valeur);
}
/*
Les tableau js natifs possèdent une méthode forEach qui
attend une fonction en argument qui sera déclenchée
à chaque entrée contenue dans le tableau.
Cette fonction possède elle même 2 arguments, la valeur
actuelle et la clef actuelle
*/
tableau.forEach(function(valeur, clef) {
console.log(clef + ':' + valeur);
});
while (false) {
//ne s'affiche jamais car la condition du while est false
console.log('while');
}
/*
Le do..while exécutera le contenu du do tant que la
condition du while est vraie.
Il exécutera donc toujours au moins une fois le contenu
du do (la vérification se passant après, contrairement
au while classique)
*/
do {
//s'affiche une fois
console.log('do..while')
} while (false);
</script>
</body>
</html>