How to destructure newValue = value.value?

Question

This is just trivia / curiosity as I stumble across this situation a number of times.

Is it possible to shorten/destructure the following types of assignments?

newValue = value.value

Naively, I tried newValue = {value} but it doesn't work, as that syntax is normally used to destructure variables from objects with the same key name.

Answer 1

Use this syntax to destructure and rename the property, this will get the value from object and rename it to variable newValue

var {value: newValue} = value

var value = {value: 5}

var {value: newValue} = value

console.log(newValue)

Answer 2

You could use the object property assignment pattern [YDKJS: ES6 & Beyond] with a destructuring assignment.

var value = { value: 42 },
    { value: newValue } = value;

console.log(newValue);

If not used as expression, like with var, let or const, you need parentheses to distinguish the braces from a block statement.

var value = { value: 42 },
    newValue;

({ value: newValue } = value);

console.log(newValue);