Destructuring change name and set default value

Question

How can I destructure the nested routes and index and set a default value?

const {
    nav: { index: navIndex = '', routes: navRoutes = '' }
    routes = '', index = ''
} = _navigator.state;

I'd like to rename the nested values to navIndex and navRoutes, any ideas?

user_1447675 · Answer

You could take a default object for not given nav object

const {
        nav: { index: navIndex = '', routes: navRoutes = '' } = {}, 
        routes = '', 
        index = ''
    } = _navigator.state;