Finding matching objects in an array of objects?

by

Using Array#filter, for this particular case the code would look like

var results = set.filter(function (entry) { return entry.color === "green"; });

Array#filter is not implemented in some older browsers, so see the linked article for a backward compatibility shim, or better yet get a full-fledged ES5 shim.

For the more general case, it’s just a matter of extending this idea:

function findByMatchingProperties(set, properties) {
    return set.filter(function (entry) {
        return Object.keys(properties).every(function (key) {
            return entry[key] === properties[key];
        });
    });
}

var results = findByMatchingProperties(set, { color: "green" });

Again, I am using ECMAScript 5 methods Object.keys and Array#every, so use an ES5 shim. (The code is doable without an ES5 shim but uses manual loops and is much less fun to write and read.)

More Related Contents:

  1. Asynchronous Process inside a javascript for loop [duplicate]
  2. Use JavaScript to place cursor at end of text in text input element
  3. How to disable HTML links
  4. Converting user input string to regular expression
  5. What is the cleanest way to get the progress of JQuery ajax request?
  6. ECMAScript 6 features available in Node.js 0.12
  7. Return positions of a regex match() in Javascript?
  8. How to force reloading a page when using browser back button?
  9. Using Chrome, how to find to which events are bound to an element
  10. ES6: Conditional & Dynamic Import Statements
  11. window.location.reload with clear cache [duplicate]
  12. TypeError: Router.use() requires middleware function but got a Object
  13. How to fix the error; ‘Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)’
  14. Check if user has a third party Chrome extension installed
  15. How can I change the title of the document during .ready()?
  16. AngularJS abort all pending $http requests on route change
  17. Javascript onHover event
  18. Javascript to check whether a checkbox is being checked or unchecked
  19. How to destructure option argument with all default values in ES6?
  20. URL encode sees “&” (ampersand) as “&” HTML entity
  21. Populate nested object from array?
  22. When passing variable to function I get ‘Invalid argument’, but when I hard code it works in Apps Script
  23. Chrome violation : [Violation] Handler took 83ms of runtime
  24. multiple pages in Vue.js CLI
  25. Function is not defined – Uncaught ReferenceError
  26. Using Crypto-JS in Google Apps Script – What is C.lib?
  27. Pass parent scope value into ng-repeat loop in Angular
  28. JavaScript this refers to window instead of object inside function
  29. Filter Array in Array by date between 2 dates
  30. How to apply both ValidationPipe() and ParseIntPipe() to params?

Leave a Comment