Comment filtrer le tableau d'objets de réagir natif?
Je veux filtre de ce tableau de données dans l'état et la ville de tableau. Comment puis-je réaliser cela à l'aide de lodash ou de tout autre meilleure façon plutôt que pour la boucle et le maintien supplémentaire tableaux.
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},
]
utilisateur cliquez sur state
, la liste de l'état apparaît.
{state: New York, count: 2},
{state: Texas, count: 1},
{state: Florida, count: 2},
{state: Chicago, count: 1},
Lorsque l'utilisateur cliquez sur état particulier, la liste des cities
de cet état s'affiche. Pour ex. lorsque l'utilisateur clique sur l'état de New York,
{id:1, name: Mike, city: philps}
{id:3, name: Jhon, city: market}
Double Possible de Quelle est la méthode la plus efficace pour grouper sur un tableau d'objets javascript?
OriginalL'auteur Balasubramanian | 2017-10-21
Vous devez vous connecter pour publier un commentaire.
C'est assez simple en utilisant l'
Array.prototype.filter
,Array.prototype.map
,Array.prototype.reduce
et de déstructuration:cf cette jsfiddle de le voir en action.
OriginalL'auteur Vivick
Il suffit de Suivre fonction de filtre
Par Exemple
OriginalL'auteur Saad Mirza