DEV Community

ES6 - Spread Operator

skaytech on July 30, 2020

Introduction In this article, let us look at a very powerful yet simple feature introduced with ES6 or ES2015 version of JavaScript, the...

Read full post

Peter Vivo • Jul 30 '20 • Edited

Object spreading, also helpful at react reducer function:

const fooReducer = (state, {type, ...payloads} ) => {
  switch(type) {
    case 'set-foo': return {...state, foo: payloads.foo }; 
    case 'set-other': return {...state, other:payloads.other };
    case 'toggle-switch': return {...state, switch: !state.switch };
    default: return state;
  }
}

skaytech • Jul 31 '20

Thanks for sharing!

Hemant Joshi • Jul 31 '20 • Edited

Hii Skay,
Thanks for writing such master peice posts😁, helped a lot in my case
🎉🎉🎉🎉🎉🎉🎉

skaytech • Jul 31 '20

I'm glad you found it useful. Please share it to reach maximum number of people.

Hemant Joshi • Jul 31 '20 • Edited

Sure😁,

Also sorry in top comment I wanted to add Hii and autocorrect made it Byy😰

skaytech • Jul 31 '20

No worries :-) I understood you were saying Hi.. have a great weekend and keep learning...

Hemant Joshi • Jul 31 '20

🎉🎉🎉🎉🎉

Hemant Joshi • Jul 31 '20

Also wanted you to request to make another post on .map in Es6😁,
That would be great.

skaytech • Jul 31 '20

Sure. I'll make one not just for map. But, higher order array functions such as map, filter, foreach, etc. Thanks for the suggestion.

skaytech • Aug 1 '20

Here you go.. dev.to/skaytech/es6-higher-order-f...

Hemant Joshi • Aug 1 '20

Thanks

Bharat Mhaskar • Jul 30 '20

I think you should also cover "The optional chaining operator (?.)" as spread operator is used to accessing deeper values in objects with safe defaults.

skaytech • Jul 30 '20

Could you provide an example of how it's related to the spread operator?. Or is it used along with spread operator? I'm not quiet sure how to relate that with the spread operator.