Filter und klonen Objekteigenschaften

Question

Ich habe 2 Arrays von Objekten: ArtikelListe und ArtikelFeeded. Alle Objekte in jedem Array haben die gleiche Struktur (Anzahl der Schlüssel/Werte). Einer dieser Schlüssel hat die gleiche 'Bedeutung', aber einen anderen Namen (item_id auf itemsList, id auf itemsFetched). Ihre Werte sind gleich.

Ich brauche die itemsList Array filtern und nur die Objekte lassen, die den item_id Wert gleich den id Wert auf itemsFetched. Kopieren Sie dann den Schlüssel/Wert count von jedem Objekt auf dem Array itemsFetched (das mit item_id = id übereinstimmt) zum gefilterten Array.

Ich habe einen funktionierenden Code, aber ich bin sicher, es ist nicht der beste Weg, um dieses Problem zu lösen. Ich habe schon vorher etwas Ähnliches gefragt (bezüglich des Filterteils), das mein Problem gelöst hat, aber da ich nach der Filterung den "Zähl" -Teil hinzufügen musste, habe ich das ganze Ding neu erfunden.

itemsList (Probe)

[ 
    { 
     "id": 0, 
     "name": "Egg", 
     "img": "http://www.serebii.net/pokemongo/items/egg.png" 
    }, 
    { 
     "id": 1, 
     "name": "Pokeball", 
     "img": "http://www.serebii.net/pokemongo/items/20pokeballs.png" 
    }, 
    { 
     "id": 2, 
     "name": "Greatball", 
     "img": "http://www.serebii.net/pokemongo/items/greatball.png" 
    }, 
    { 
     "id": 401, 
     "name": "Incense", 
     "img": "http://www.serebii.net/pokemongo/items/incense.png" 
    }, 
    { 
     "id": 901, 
     "name": "Incubator (Unlimited)", 
     "img": "http://www.serebii.net/pokemongo/items/eggincubator.png" 
    } 
] 

itemsFetched (Probe)

[ 
    { 
    "item_id": 1, 
    "count": 50, 
    "unseen": true 
    }, 
    { 
    "item_id": 401, 
    "count": 2, 
    "unseen": true 
    }, 
    { 
    "item_id": 901, 
    "count": 1, 
    "unseen": true 
    } 
] 

resultArray (was ich am Ende wollen)

[ 
    { 
    "id": 1, 
    "name": "Pokeball", 
    "count": 50, 
    "img": "http://www.serebii.net/pokemongo/items/20pokeballs.png", 
    }, 
    { 
    "id": 401, 
    "name": "Incense", 
    "count": 2, 
    "img": "http://www.serebii.net/pokemongo/items/incense.png" 
    }, 
    { 
    "id": 901, 
    "name": "Incubator (Unlimited)", 
    "count": 1, 
    "img": "http://www.serebii.net/pokemongo/items/eggincubator.png" 
    } 
] 

mein aktueller Code (Arbeits)

let arr = []; 
itemsFetched.forEach((item) => { 
    itemsList.forEach((item2) => { 
    if (item.item_id === item2.id) { 
     arr.push({ 
     "id": item.item_id, 
     "name": item2.name, 
     "count": item.count, 
     "img": item2.img 
     }); 
    } 
    }); 
}); 

PS: Ich bin in der Lage ES6/7 Syntax/Funktionen zu verwenden.

Answer 1

Sie Hash-Karte verwenden können Zeit complexitly zu reduzieren, Ihr Algorithmus ist O(m*n), Folgen ist O(m+n+r)

const itemsMap = itemsList.reduce((map, item) => { 
    map[item.id] = item 
    return map 
}, {}) 
const results = itemsFetched 
    .filter((item) => itemsMap.hasOwnProperty(item.item_id)) 
    .map((item) => ({ 
     id: item.item_id, 
     name: itemsMap[item.item_id].name, 
     count: item.count, 
     img: itemsMap[item.item_id].img, 
    })) 

Answer 2

Gefällt mir?

var itemsList = [ 
 
    { 
 
     "id": 0, 
 
     "name": "Egg", 
 
     "img": "http://www.serebii.net/pokemongo/items/egg.png" 
 
    }, 
 
    { 
 
     "id": 1, 
 
     "name": "Pokeball", 
 
     "img": "http://www.serebii.net/pokemongo/items/20pokeballs.png" 
 
    }, 
 
    { 
 
     "id": 2, 
 
     "name": "Greatball", 
 
     "img": "http://www.serebii.net/pokemongo/items/greatball.png" 
 
    }, 
 
    { 
 
     "id": 401, 
 
     "name": "Incense", 
 
     "img": "http://www.serebii.net/pokemongo/items/incense.png" 
 
    }, 
 
    { 
 
     "id": 901, 
 
     "name": "Incubator (Unlimited)", 
 
     "img": "http://www.serebii.net/pokemongo/items/eggincubator.png" 
 
    } 
 
]; 
 

 
var itemsFetched = [ 
 
    { 
 
    "item_id": 1, 
 
    "count": 50, 
 
    "unseen": true 
 
    }, 
 
    { 
 
    "item_id": 401, 
 
    "count": 2, 
 
    "unseen": true 
 
    }, 
 
    { 
 
    "item_id": 901, 
 
    "count": 1, 
 
    "unseen": true 
 
    } 
 
] 
 

 

 

 
let arr = []; 
 
itemsFetched.forEach((item) => { 
 
    itemsList.forEach((item2) => { 
 
    if (item.item_id == item2.id) { 
 
     arr.push({ 
 
     "id": item.item_id, 
 
     "name": item2.name, 
 
     "count": item.count, 
 
     "img": item2.img 
 
     }); 
 
    } 
 
    }); 
 
}); 
 

 
console.log(arr);

Answer 3

Eine Möglichkeit ist, zu verbessern for..of Anweisung anstelle forEach für die innere Schleife zu verwenden. Dies hilft beim Verlassen der Schleife, sobald die ID übereinstimmt. Es gibt keinen direkten Weg, um für jede Methode zu brechen.

let arr = []; 
itemsFetched.forEach((item) => { 
    for (let item2 of itemsList) { 
    if (itemsFetched.item_id === itemsList.id) { 
     arr.push({ 
     "id": itemsFetched.item_id, 
     "name": itemsList.name, 
     "count": itemsFetched.count, 
     "img": itemsList.img 
     }); 
     break; 
    } 
    } 
}); 

Answer 4

for ... of eine Schleife (eine Funktion ES6) in Verbindung mit Array#map Gebrauch.

Dies erleichtert das zusammengeführte Objekt return viel einfacher, wenn Sie das erste Mal eine Übereinstimmung finden, die eine logische Optimierung ist, da keine Liste mehr als einen Eintrag mit einem gegebenen id enthalten sollte.

const result = itemsFetched.map(data => { 
    for (let item of itemsList) { 
    if (data.item_id === item.id) { 
     return { 
     id: item.id, 
     name: item.name, 
     count: data.count, 
     img: item.img 
     } 
    } 
    } 
}) 

Snippet:

const itemsList = [{ 
 
    "id": 0, 
 
    "name": "Egg", 
 
    "img": "http://www.serebii.net/pokemongo/items/egg.png" 
 
}, { 
 
    "id": 1, 
 
    "name": "Pokeball", 
 
    "img": "http://www.serebii.net/pokemongo/items/20pokeballs.png" 
 
}, { 
 
    "id": 2, 
 
    "name": "Greatball", 
 
    "img": "http://www.serebii.net/pokemongo/items/greatball.png" 
 
}, { 
 
    "id": 401, 
 
    "name": "Incense", 
 
    "img": "http://www.serebii.net/pokemongo/items/incense.png" 
 
}, { 
 
    "id": 901, 
 
    "name": "Incubator (Unlimited)", 
 
    "img": "http://www.serebii.net/pokemongo/items/eggincubator.png" 
 
}] 
 

 
const itemsFetched = [{ 
 
    "item_id": 1, 
 
    "count": 50, 
 
    "unseen": true 
 
}, { 
 
    "item_id": 401, 
 
    "count": 2, 
 
    "unseen": true 
 
}, { 
 
    "item_id": 901, 
 
    "count": 1, 
 
    "unseen": true 
 
}] 
 

 

 
const result = itemsFetched.map(data => { 
 
    for (let item of itemsList) { 
 
    if (data.item_id === item.id) { 
 
     return { 
 
     id: item.id, 
 
     name: item.name, 
 
     count: data.count, 
 
     img: item.img 
 
     } 
 
    } 
 
    } 
 
}) 
 

 
console.log(result)