Return object with default values from an array in JavaScript

by

Whenever you’re looking for reducing an array of values to one value, you’re looking for .reduce():

state = {
  fields: fields.reduce((acc, key) => ({...acc, [key]: ''}), {}),
};

More Related Contents:

  1. Are ‘Arrow Functions’ and ‘Functions’ equivalent / interchangeable?
  2. What’s the meaning of “=>” (an arrow formed from equals & greater than) in JavaScript?
  3. What do multiple arrow functions mean in JavaScript?
  4. What is destructuring assignment and its uses?
  5. Arrow function without curly braces
  6. ES6 class variable alternatives
  7. Create object from class name in JavasScript ECMAScript 6
  8. What are the differences (if any) between ES6 arrow functions and functions bound with Function.prototype.bind?
  9. How do I destructure all properties into the current scope/closure in ES2015?
  10. How can I mock an ES6 module import using Jest?
  11. How to destructure object properties with key names that are invalid variable names?
  12. React Native: require() with Dynamic String?
  13. React functional stateless component, PureComponent, Component; what are the differences and when should we use what?
  14. Destructuring and rename property
  15. Unexpected behavior using Array Map on an Array Initialized with Array Fill
  16. Why “this” is undefined inside a fat arrow function definition? [duplicate]
  17. How do I persist a ES6 Map in localstorage (or elsewhere)?
  18. Active link with React-Router?
  19. Immediate function using JavaScript ES6 arrow functions
  20. Why couldn’t popular JavaScript runtimes handle synchronous-looking asynchronous script?
  21. Define a custom hash() method for use with ES6 maps
  22. javascript import from ‘/folder’ with index.js
  23. How to test if an object is a Proxy?
  24. How to import part of object in ES6 modules
  25. Web Workers – How To Import Modules
  26. Chrome console already declared variables throw undefined reference errors for let
  27. How to delete property from spread operator?
  28. How to run Node.js app with ES6 features enabled?
  29. ES2017 – Async vs. Yield
  30. Why does `obj.foo = function() { };` not assign the name `foo` to the function?

Leave a Comment