{ "amazon": "", "flipkart": "", "snapdeal": "", "ebay": "", "paytm": "", "croma": "", "yebhi": "", "indiatimes": "", "homeshop18": "", "naaptol": "", "infibeam": "", "tatacliq": "", "shopclues": "", "paytmmall": "", "gadgets360": "" }aquí está mi código:
function fetchProduct(){ console.log(pro_input.value) fetch('https://price-api.datayuge.com/api/v1/compare/price? api_key=...&id='+pro_input.value+'') .then(response =>{ if(! response.ok){ throw Error("Error"); } return response.json(); }) .then(data =>{ const html2 = data(product_comp =>{ return `<div class = "product_list"> <div class ="pro_comparedprice"> <p>Amazon: ${product_comp.amazon}</p> <p>flipkart: ${product_comp.flipkart}</p> <p>snapdeal: ${product_comp.snapdeal}</p> <p>ebay: ${product_comp.ebay}</p> <p>paytm: ${product_comp.paytm}</p> <p>croma: ${product_comp.croma}</p> <p>yebhi: ${product_comp.yebhi}</p> <p>indiatimes: ${product_comp.indiatimes}</p> <p>homeshop18: ${product_comp.homeshop18}</p> <p>naaptol: ${product_comp.naaptol}</p> <p>infibeam: ${product_comp.infibeam}</p> <p>tatacliq: ${product_comp.tatacliq}</p> <p>shopclues: ${product_comp.shopclues}</p> <p>paytmmall: ${product_comp.paytmmall}</p> <p>gadgets360: ${product_comp.gadgets360}</p> </div> </div>` }).join(""); console.log(html2); document.querySelector("#pro_comparedprice").insertAdjacentHTML('afterbegin',html2); }) .catch(error =>{ console.log(error); }); }En javascript, si desea obtener datos de una matriz X , usamos X.forEach() como:
X.forEach((item,index)=>{ /*instructions*/ }) Pero con objetos que no son de matriz es un poco diferente
Aquí usamos Object.keys(X) , que devolverá una matriz con todas las propiedades del objeto X en una matriz unidimensional ( arr )
Ahora podemos usar un bucle for buscar y llamar a cada valor individualmente:
let arr = Object.keys(X) for(var i=0; i<arr.length; i++){ X[arr[i]] }