¿Alguien puede mostrarme cómo resolver este algoritmo js? Estoy llegando al objeto de objetos anidados para verificar si el valor de las categorías es el mismo que mi variable y, si es cierto, devuelve esos objetos que coinciden con el valor. No estoy seguro de si estoy usando la forma correcta, pero tampoco estoy seguro de cómo devolver todos los objetos.
objetos
const data = [ { "id": 799, "name": "Ship Your Idea", "slug": "ship-your-idea-22", "permalink": "https://example.com/product/ship-your-idea-22/", "categories": [ { "id": 9, "name": "Clothing", "slug": "clothing" } ] }, { "id": 794, "name": "Premium Quality", "slug": "premium-quality-19", "permalink": "https://example.com/product/premium-quality-19/", "categories": [ { "id": 14, "name": "T-shirts", "slug": "t-shirts" } ] }, { "id": 795, "name": "Premium Quality2", "slug": "premium-quality-193", "permalink": "https://example.com/product/premium-quality-193/", "categories": [ { "id": 15, "name": "Clothing", "slug": "clothing" } ] } ]mis funciones
const brand = 'clothing'; function fliterProductByCategorly(obj, brand){ // 1.loop through each objects object // 2.loop through object and get categorie // 3.categorie filter get slug // 4.check if slug value are same value as global slug, if do only return object that match the brand value. return Object.entries(obj).filter(([, {categories}]) => Object.entries(categories).filter(([, {slug}]) => slug == brand )) } console.log(fliterProductByCategorly(data, brand))Suponiendo que la matriz de categorías tiene solo 1 elemento
const data = [ { "id": 799, "name": "Ship Your Idea", "slug": "ship-your-idea-22", "permalink": "https://example.com/product/ship-your-idea-22/", "categories": [ { "id": 9, "name": "Clothing", "slug": "clothing" } ] }, { "id": 794, "name": "Premium Quality", "slug": "premium-quality-19", "permalink": "https://example.com/product/premium-quality-19/", "categories": [ { "id": 14, "name": "T-shirts", "slug": "t-shirts" } ] }, { "id": 795, "name": "Premium Quality2", "slug": "premium-quality-193", "permalink": "https://example.com/product/premium-quality-193/", "categories": [ { "id": 15, "name": "Clothing", "slug": "clothing" } ] } ] const brand = 'clothing'; function fliterProductByCategorly(obj, brand){ return obj.filter(e => e.categories[0].slug===brand) } console.log(fliterProductByCategorly(data, brand)) .as-console-wrapper { max-height: 100% !important; top: 0; }Posible implementación usando reducir si las categorías contienen más de 1 elemento.
const data = [ { "id": 799, "name": "Ship Your Idea", "slug": "ship-your-idea-22", "permalink": "https://example.com/product/ship-your-idea-22/", "categories": [ { "id": 9, "name": "Clothing", "slug": "clothing" } ] }, { "id": 794, "name": "Premium Quality", "slug": "premium-quality-19", "permalink": "https://example.com/product/premium-quality-19/", "categories": [ { "id": 14, "name": "T-shirts", "slug": "t-shirts" } ] }, { "id": 795, "name": "Premium Quality2", "slug": "premium-quality-193", "permalink": "https://example.com/product/premium-quality-193/", "categories": [ { "id": 16, "name": "T-shirts", "slug": "t-shirts" }, { "id": 15, "name": "Clothing", "slug": "clothing" } ] } ] const brand = 'clothing'; function fliterProductByCategorly(obj, brand){ return obj.reduce((acc,curr) => { if (curr.categories.filter(e => e.slug===brand).length>0){ acc.push(curr) } return acc; },[]) } console.log(fliterProductByCategorly(data, brand)) .as-console-wrapper { max-height: 100% !important; top: 0; }