Récupèrer les noms contenu dans un tableau

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:

---

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:

---

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

---

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

Bonjour ,

j'ai fais une autre capture d'écran merci à vous pour votre aide :
Pièce jointe 585215

Bonjour,
dans ton code, lorsque tu écris :

Code:

---

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.

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

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:

---

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

---

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:

---

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:

---

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.

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 :D 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:

---

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)

---