Discussion :

[tony060]

Bonjour,

Je dois récupéré tous les noms des ours en peluche, c'est un exercice que je dois faire. J'ai fais mon code javascript mais dans console log du navigateur il apparait toujours sous forme de tableau avec toutes les autres infos (prix , couleur, etc.) Le code html n'est pas fait car je dois juste le faire apparaitre dans le console log.
Voilà ce qui m'était demander :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
const nounourses = []
// copier/coller ici le contenu de la premiere requête GET
 
function afficherNomDesNounours(array) {}
// utiliser une BOUCLE (for) !

Deuxième question comment lancer mon console log dans visual studio code afin de le tester directement .

Merci par avance pour votre aide.

Voici mon code pour récupéré les noms de tous les ours

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 const nounourses = []
fetch('http://localhost:3000/api/teddies') 
.then(function(response){
  return response.json()
}).then (function (response){   
  console.log(response)
  for(let i = 0; i <response.length; i++){
    function afficherNomDesNounours(array){
      name = response.name
      console.log(response.name)
 
 
    }
 
    console.log(afficherNomDesNounours)
  }
})

[mathieu]

montrez nous le résultat de l'affichage que vous voyez dans la console.

[tony060]

Bonjour ,

j'ai fais une autre capture d'écran merci à vous pour votre aide :

[NoSmoking]

Bonjour,
dans ton code, lorsque tu écris :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
  // début de ta boucle
  for(let i = 0; i <response.length; i++){
    function afficherNomDesNounours(array){
      name = response.name
      console.log(response.name)
    }
    console.log(afficherNomDesNounours)
  }
  // fin de ta boucle

tu ne fais que définir response.length fois ta fonction et tu affiches le même nombre de fois le contenu de la fonction.

Ta fonction n'a rien à faire dans ta boucle, je dirais au lire de ton énoncé, que c'est la boucle qui devrait être dans ta fonction.

[tony060]

merci NoSmoking je vais regarder de ce côté la.

[tony060]

J'ai essayé mais je ne comprends pas je ne parviens pas à récupérer les noms des ours. J'ai refais le code un peu mieux détailler avec les tableaux. Si quelqu'un peux m'expliquer se serait sympa. Merci .

Code Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
const nounourses = [
  {
    colors: ["Tan","Chocolate","Black","White"],
    _id: "5be9c8541c9d440000665243", 
    name: "Norbert", price: 2900, 
    imageUrl: "http://localhost:3000/images/teddy_1.jpg",
    descrition:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
  },
  {
    colors:["Pale brown","Dark brown","White"], 
    _id: "5beaa8bf1c9d440000a57d94", 
    name: "Arnold", price: 3900, 
    imageUrl: "http://localhost:3000/images/teddy_2.jpg", 
    descrition:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
  },
  {colors: ["Brown"], 
    _id: "5beaaa8f1c9d440000a57d95", 
    name: "Lenny and Carl", 
    price: 5900, description: "Lorem ipsum dolor sit amet, consectetur adipisicin…mpor incididunt ut labore et dolore magna aliqua.", 
    descrition:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
    imageUrl:	"http://localhost:3000/images/teddy_3.jpg"
  },
  {colors: ["Brown","Blue","Pink"] ,
    _id: "5beaabe91c9d440000a57d96", 
    name: "Gustav", price: 4500, 
    imageUrl: "http://localhost:3000/images/teddy_4.jpg", 
    descrition:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
  },
  {colors: ["Beige","Tan","Chocolate"], 
    _id: "5beaacd41c9d440000a57d97", 
    name: "Garfunkel", 
    price: 5500, 
    description: "Lorem ipsum dolor sit amet, consectetur adipisicin…mpor incididunt ut labore et dolore magna aliqua.", 
    imageUrl :	"http://localhost:3000/images/teddy_5.jpg"
  }
]
console.log(nounourses)
function afficherNomDesNounours(array) {
  for(let i = 0 ; i < name[2].length; i++){
    console.log(afficherNomDesNounours)
  }
  console.log(afficherNomDesNounours)
}

[-Nikopol-]

console.log(afficherNomDesNounours) ta fonction prend un paramètre donc ce ne peut pas aller comme ça. De plus la définition de ta fonction ne renvoie rien donc dans tous les cas ce console.log n'affichera rien.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
for(let i = 0 ; i < name[2].length; i++){
    console.log(afficherNomDesNounours)
  }

il faut revoir l’utilisation d'une boucle for, ici name[2] n'a pas de sens, name n'est pas un tableau mais une propriété d'un objet de ton tableau. C'est la longueur de ton tableau qu'il faut utiliser pour indiquer combien de fois tu fais la boucle. Le tableau s'appelle array dans la boucle puisque tu l'as passé en paramètre. donc à chaque boucle tu accèdes à ton objet avec array[i]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function afficherNomDesNounours(array) {
  for(let i = 0 ; i < array.length; i++){
    console.log(array[i].name,array[i].price)
  }
}
afficherNomDesNounours(nounourses)

Regarde bien qui fait quoi dans ce code.

[tony060]

Merci beaucoup Nikopol pour toutes ces explications claires.
J'ai réussi peut de temps après avoir poster mon message en regardant une vidéo de Grafikart. Mais ton explication m'aide beaucoup et m'explique clairement. et merci de m'avoir consacré de ton temps je refais les cours sur les boucles car je de grosse lacunes encore et clairement je ne maitrise pas.
J'avais donc fait ce nouveau code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function afficherNomDesNounours(nounourses) {
  for(let i = 0 ; i < nounourses.length; i++){
    console.log(nounourses[i].name)
  }
  //console.log(afficherNomDesNounours)
}
afficherNomDesNounours(nounourses)