How to keep all intermediate property variables in a deeply nested destructure

Question

Given this:

var metadata = {
    title: 'Scratchpad',
    translations: [
       {
        title: 'JavaScript-Umgebung'
       }
    ]
};

const output = ({
  title: englishTitle,
  translations: [{
    title: localeTitle
  }]
}) => (
    console.log(englishTitle), // "Scratchpad"
    console.log(localeTitle)  // "JavaScript-Umgebung"
)

output(metadata);

Now translations is undefined:

console.log(JSON.stringify(translations))  // ❌ "undefined"

Question: Is there a way to create a variable translations within the params destructure expressions (e.g. within the function param parenthesis)

score 5 · Accepted Answer · answered Dec 07 '17 at 07:05

5

You can destructure translations as well as it's inner members:

var metadata = {
    title: 'Scratchpad',
    translations: [
       {
        title: 'JavaScript-Umgebung'
       }
    ]
};


const output = ({
  title: englishTitle,
  translations, // get translations
  translations: [{
    title: localeTitle
  }]
}) => (
    console.log(englishTitle), // "Scratchpad"
    console.log(localeTitle),  // "JavaScript-Umgebung"
    console.log(translations)  // [{ title: 'JavaScript-Umgebung' }]
)

output(metadata);

answered Dec 07 '17 at 07:05

Ori Drori

183,571
29
224
209

Oh wow, I should of tried that >_ – Ashley Coolman Dec 07 '17 at 07:07
2

@AshleyCoolman - it's not intuitive to destructure the same thing twice. – Ori Drori Dec 07 '17 at 07:08

How to keep all intermediate property variables in a deeply nested destructure

1 Answers1