destructure only if object is defined

Question

How can I destructure an object only if it is defined ?

const {url} = image; // only destructure if image is defined.
                    // don't want to nest the destructuring in if image condition

Answer 1

If by saying

only destructure if image is defined

You mean that it is declared for sure, then you can do this:

const {url} = image || {};

Running Examples:

let image;
const {url} = image || {};

console.log('url is',url);

const image = {url: 'someUrl.com'};
const {url} = image || {};

console.log('url is', url);