Tengo un pequeño proyecto con cócteles, quiero usar la función forEach para separar objetos y me muestra un error, ¿puede decirme qué estoy haciendo mal? Gracias
const url = 'https://thecocktaildb.com/api/json/v1/1/search.php?s=d' const output = document.querySelector('.cocktailbody') const drinks = fetch(url) .then(res => res.json()) .then(data => { console.log(data) data.forEach(function(item) { console.log(item) }) }) CONSOLE MESSAGE: web.js:11 Uncaught (in promise) TypeError: data.forEach is not a function at web.js:11Está intentando acceder al objeto con el método forEach() que se usa para Array .
Usa data.drinks.forEach(function(item){}) en lugar de data.forEach(function(item){}) .
Aquí está el código
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> const url = 'https://thecocktaildb.com/api/json/v1/1/search.php?s=d' const output = document.querySelector('.cocktailbody') const drinks = fetch(url) .then(res => res.json()) .then(data => { console.log(data) data.drinks.forEach(function(item) { console.log(item) }) }) </script> </head> <body> Hi There </body> </html>