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)
}