Tengo la siguiente matriz de menú:

 myMenu: [ { id: 'New Job', active: false, href: '/new-job' }, { id: 'Delete Jobs', active: false, href: '/delete-job' }, { id: 'All Jobs', active: false, href: '/all-jobs' } ]

Ahora, en función de una condición, quiero poder mostrar condicionalmente o no mostrar elementos de objetos de matriz específicos dentro de mi matriz myMenu .

Por ejemplo, es posible que un usuario no tenga acceso para crear un nuevo trabajo y, por lo tanto, me gustaría ocultar el siguiente elemento, para que no se muestre en el menú de navegación de la izquierda, es decir:

 { id: 'New Job', active: false, href: '/new-job' },

Intenté lo siguiente pero no funcionó:

 myMenu: [ hasAccess(user) ? { id: 'New Job', active: false, href: '/new-job' } : {}, { id: 'Delete Jobs', active: false, href: '/delete-job' }, { id: 'All Jobs', active: false, href: '/all-jobs' } ]

Entonces, básicamente, si hasAccess(user) es verdadero, entonces espero que se represente la siguiente matriz:

 myMenu: [ { id: 'New Job', active: false, href: '/new-job' }, { id: 'Delete Jobs', active: false, href: '/delete-job' }, { id: 'All Jobs', active: false, href: '/all-jobs' } ]

de lo contrario renderizar:

 myMenu: [ { id: 'Delete Jobs', active: false, href: '/delete-job' }, { id: 'All Jobs', active: false, href: '/all-jobs' } ]