Typescript - get array that satisfy a condition

Question

Is it possible to get an output array from the given that contains roles=1 without duplicate ? Iam using angular 6 typescript. Is there any typescript array processing functions to do this operation //Input Array

export const userMenus = [
{
    name: 'Dashboard',
    url: '/dashboards',
    icon: 'icon-speedometer',
    roles:'1,3,4'
},
  {
    name: 'Users',
    url: '/Users',
    icon: 'icon-bell',
    roles:'1,2,3,4'
  },
  {
    name: 'Article',
    url: '/Users',
    icon: 'icon-bell',
    roles:'1,2,3,4',
    children: [
             {
              name: 'Cards',
               url: '/base/cards',
               icon: 'icon-puzzle',
               roles:'1,3,4',
             },
             {
               name: 'Carousels',
               url: '/base/carousels',
               icon: 'icon-puzzle',
               roles:'2,4',
             },
             {
               name: 'Collapses',
               url: '/base/collapses',
               icon: 'icon-puzzle',
               roles:'4'
             }
            ]      
  }

]

--Need Output if role is 2. removed items that not contain 2 in the role field

userMenus = [
  {
    name: 'Users',
    url: '/Users',
    icon: 'icon-bell',
    roles:'1,2,3,4'
  },
  {
    name: 'Article',
    url: '/Users',
    icon: 'icon-bell',
    roles:'1,2,3,4',
    children: [
             {
               name: 'Carousels',
               url: '/base/carousels',
               icon: 'icon-puzzle',
               roles:'2,4',
             },
            ]      
  }

const filteredUserMenus = userMenus.filter((userMenu) => { return userMenu.roles === '2'; }); this worked , but my array has field comes like roles:'1,2' so cant find in it :( — Vishnudas
– Vishnudas, Commented Dec 12, 2018 at 12:21

Florian · Accepted Answer · 2018-12-12 12:30:46Z

2

You must filter your array and verify that you have 2 in your roles :

const filteredUserMenus = userMenus.filter((userMenu) => {
  return userMenu.roles.find((role) => role === '2');
});

short syntax :

const filteredUserMenus = userMenus.filter((userMenu) => 
  userMenu.roles.find((role) => role === '2'));

EDIT : your data structure is bad, roles shouldn't be a string but an array of role. Anyway, if you can't change it, here is a solution :

const filteredUserMenus = userMenus.filter((userMenu) => {
  return userMenu.roles.split(',').find((role) => role === '2');
});

short syntax :

const filteredUserMenus = userMenus.filter((userMenu) =>
   userMenu.roles.split(',').find((role) => role === '2'));

edited Dec 12, 2018 at 12:30

answered Dec 12, 2018 at 10:46

Florian

1,44811 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Vishnudas Over a year ago

thanks for the response Florian, const filteredUserMenus = userMenus.filter((userMenu) => { return userMenu.roles.find(2); }); will get error -- [ts] Property 'find' does not exist on type 'string'. const filteredUserMenus = userMenus.filter((userMenu) => { return userMenu.roles === '2'; }); this worked , but my array has field comes like roles:'1,2' so cant find in it :(

Florian Over a year ago

@Vishnudas : i have updated the answer. Please note that your data structure shouldn't be a string, but an array of string. If you can, you should change the structure, else, use the edited solution

Collectives™ on Stack Overflow

Typescript - get array that satisfy a condition

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related