Map and filter an array at the same time

by

You should use Array.reduce for this.

var options = [
  { name: 'One', assigned: true }, 
  { name: 'Two', assigned: false }, 
  { name: 'Three', assigned: true }, 
];

var reduced = options.reduce(function(filtered, option) {
  if (option.assigned) {
     var someNewValue = { name: option.name, newProperty: 'Foo' }
     filtered.push(someNewValue);
  }
  return filtered;
}, []);

document.getElementById('output').innerHTML = JSON.stringify(reduced);
<h1>Only assigned options</h1>
<pre id="output"> </pre>

Alternatively, the reducer can be a pure function, like this

var reduced = options.reduce(function(result, option) {
  if (option.assigned) {
    return result.concat({
      name: option.name,
      newProperty: 'Foo'
    });
  }
  return result;
}, []);

More Related Contents:

  1. Array value is replaced when second one stores in php
  2. Javascript Array – Split string at numbers [closed]
  3. JS join arrays with replacement
  4. Making new array and push there keys on that new array [closed]
  5. How can I add new array elements at the beginning of an array in JavaScript?
  6. Why is using “for…in” for array iteration a bad idea?
  7. How can I group an array of objects by key?
  8. How to sort an array of integers correctly
  9. How to create an array containing 1…N
  10. How to loop through an array containing objects and access their properties
  11. How to check if a string contains text from an array of substrings in JavaScript?
  12. array.length is zero, but the array has elements in it [duplicate]
  13. How to replace item in array?
  14. How to use promise in forEach loop of array to populate an object
  15. What is array literal notation in javascript and when should you use it?
  16. Compute intersection of two arrays in JavaScript [duplicate]
  17. Call function with array of arguments
  18. How can I ignore certain returned values from array destructuring?
  19. Filtering array of objects by searching nested object properties
  20. Convert string array to array in javascript
  21. Converting an array to a function arguments list [duplicate]
  22. Difference between Array.length = 0 and Array =[]?
  23. How to calculate intersection of multiple arrays in JavaScript? And what does [equals: function] mean?
  24. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  25. How to search for a string inside an array of strings
  26. Convert an array to an array of objects
  27. use Lodash to sort array of object by value
  28. Javascript – Loop through array backwards with forEach
  29. Determining whether one array contains the contents of another array in JavaScript/CoffeeScript
  30. Converting Array of Objects into Array of Arrays

Leave a Comment