Javascript Es6+: Destructuring And Using An Array Method At The Same Time?

I was wondering if there is a way, to destructe and use an array method at the same time? If yes, is it useful to use it, or would it decrease the code readabilty so much, that it'

Solution 1:

No, this is not possible. Destructuring does just that, it assigns properties to target expressions. Assignment syntax does not have any modifiers for altering the assigned value (default initialisers are already a stretch).

As @kingdaro suggested, use

const { title, ingredients } = this.props;
const ingredientElements = ingredients.map((ing, index) =><likey={index}>{ing}</li>);

Solution 2:

<pclass="codepen"data-height="265"data-theme-id="0"data-default-tab="html,result"data-user="rebelclause"data-slug-hash="GVQNOQ"data-preview="true"style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;"data-pen-title="Map object keys to vars and populate from values"><span>See the Pen <ahref="https://codepen.io/rebelclause/pen/GVQNOQ/">
      Map object keys to vars and populate from values</a> by Tim Pozza (<ahref="https://codepen.io/rebelclause">@rebelclause</a>)
      on <ahref="https://codepen.io">CodePen</a>.</span></p><scriptasyncsrc="https://static.codepen.io/assets/embed/ei.js"></script>

soapand = [{
    name: 'far',
    email: 'quad'
  },
  {
    name: 'car',
    email: 'squad'
  }
]

// let {name: `${'wingedAngel'}`, email} = soapand// global[`wingedAngel`] = `${}`
refreshed = soapand.map((item, idx) => {
  // console.log(item)window[`wingedAngel`] = `${item.name}`
  mad = ['holyWater']
  window[`${mad[0]}`] = item.email// window['holyWater'] = item.emailreturn wingedAngel + ' ' + holyWater
})
// window[`wingedAngel`] = `${soapand[0].name}`// window['holyWater'] = soapand.emailconsole.log(refreshed)
console.log(wingedAngel)
console.log(holyWater)

This might help as well, since it distracts on a corner case, namely, being able to use a variable on the left hand side to describe the symbol to which you want to assign a value. When I found this around documentation on String.Raw``, the browser window
object, and node's global object, the corollary to window on the server-side, I felt pretty good about recognizing it. I hope these bits actually address the question as you've asked it. Sorry to those who don't think so. Having this sort of moment seems
to be rare. I hope you'll take the answer in the spirit it is offered, as a chance to share personal discovery where others may have already re-seeded the scene I think is so fresh and new.