Wie filter-array von Objekten, reagieren die einheimischen?

Möchte ich diese Daten gefiltert array in Staat und Stadt-array. Wie kann ich erreichen, das mit lodash oder andere besser Weg, anstatt for-Schleife und Pflege extra arrays.

data: [
    { id: 1, name: Mike, city: philps, state: New York},
    { id: 2, name: Steve, city: Square, state: Chicago},
    { id: 3, name: Jhon, city: market, state: New York},
    { id: 4, name: philps, city: booket, state: Texas},
    { id: 5, name: smith, city: brookfield, state: Florida},
    { id: 6, name: Broom, city: old street, state: Florida},
]

die Benutzer klicken Sie auf state, Liste der state angezeigt wird.

{state: New York, count: 2},
{state: Texas, count: 1},
{state: Florida, count: 2},
{state: Chicago, count: 1},

Wenn Benutzer klicken Sie auf bestimmten Staat, Liste der cities dieses Staates erscheint. Für die ex. wenn Benutzer klickt auf New York state,

{id:1, name: Mike, city: philps}
{id:3, name: Jhon, city: market}
Möglich, Duplikat der Was ist die effizienteste Methode groupby auf ein javascript-array von Objekten?

InformationsquelleAutor Balasubramanian | 2017-10-21

  1. 4

    Dies ist relativ einfach mit Array.prototype.filter, Array.prototype.map, Array.prototype.reduce und destructuring:

    //filter by particular state
const state = /*the given state*/;
const filtered = data
.filter(e => e.state == state)//filter to only keep elements from the same state
.map(e => {
  const {id, name, city} = e;
  return {id, name, city};
});//only keep the desired data ie id, name and city

//get states array
const states = data
.reduce((acc, elem) => {
  const state_names = acc.map(e => e.state);//get all registered names

  if(state_names.includes(elem.state)){//if it is already there
    const index = acc.find(e => e.state==elem.state);
    acc[index] = {state: acc[index].state, count: acc[index].count+1};//increment it's count
    return acc;
  }else//otherwise
    return [...acc, {state: elem.state, count: 1}];//create it
}, []);

    cf dieses jsfiddle, um ihn in Aktion zu sehen.

    InformationsquelleAutor Vivick

  2. 2

    Führen Sie einfach die filter-Funktion
    Zum Beispiel 

    return data.filter(data => data.state == "New York" && count === 2);

    InformationsquelleAutor Saad Mirza

Schreibe einen Kommentar