{"componentChunkName":"component---src-templates-main-js","path":"/destructure-anything-that-returns-an-array/","result":{"data":{"site":{"siteMetadata":{"title":"Sagar Hani","author":"Sagar Hani"}},"markdownRemark":{"id":"1d67cc91-f922-58ff-8382-99044a32e60b","excerpt":"ES6 came with plenty of cool features. Destructuring is one of them. It became so easy to unpack values from arrays, or properties from objects and assign them…","html":"

ES6 came with plenty of cool features. Destructuring is one of them. It became so easy to unpack values from arrays, or properties from objects and assign them to a specific variable.

\n

Previously, we had to do this : πŸ‘Ž

\n
var stack = [\"JavaScript\", \"React\", \"Redux\"]\nvar language = stack[0] // JavaScript\nvar library = stack[1] // React\nvar stateManagement = stack[2] // Redux
\n
\n

But with ES6 we can easily destrucutre them like this : πŸ‘Œ

\n
const stack = [\"JavaScript\", \"React\", \"Redux\"]\nconst [language, library, stateManagement] = stack
\n
\n

Now, we can leverage this to destructure anything that returns an array : 🀟

\n
const stack = \"JavaScript-React-Redux\"\nconst [language, library, stateManagement] = stack.split(\"-\")
\n
","frontmatter":{"title":"Destructure anything that returns an array","date":"October 13, 2019","description":null,"image":"https://res.cloudinary.com/sagarhani/image/upload/v1570969417/sagarhani.in/destructure-anything-that-returns-an-array.png"}}},"pageContext":{"slug":"/destructure-anything-that-returns-an-array/","previous":{"fields":{"slug":"/evolving-with-state-management/"},"frontmatter":{"title":"Evolving with State Management","image":"https://res.cloudinary.com/sagarhani/image/upload/v1570348119/sagarhani.in/evolving-with-state-management_ffbwyl.png"}},"next":{"fields":{"slug":"/write-beautiful-stories/"},"frontmatter":{"title":"Write Beautiful Stories","image":"https://res.cloudinary.com/sagarhani/image/upload/v1581155213/sagarhani.in/write-beautiful-stories-with-storybook.png"}}}}}