How to filter an object with its values in ES6

by

You can use reduce() to create new object and includes() to check if value of object exists in array.

const acceptedValues = ["value1", "value3"]
const myObject = {
  prop1: "value1",
  prop2: "value2",
  prop3: "value3"
}

var filteredObject = Object.keys(myObject).reduce(function(r, e) {
  if (acceptedValues.includes(myObject[e])) r[e] = myObject[e]
  return r;
}, {})

console.log(filteredObject)

More Related Contents:

  1. JavaScript: filter() for Objects
  2. Destructuring and rename property
  3. What is an “internal slot” of an object in JavaScript?
  4. ES6 destructuring object assignment function parameter default value
  5. JavaScript Extending Class
  6. Find all values by specific key in a deep nested object
  7. Convert Array to Object
  8. What do multiple arrow functions mean in JavaScript?
  9. Map vs Object in JavaScript
  10. Create object from class name in JavasScript ECMAScript 6
  11. Javascript: how to dynamically create nested objects using object names given by an array
  12. How to destructure object properties with key names that are invalid variable names?
  13. ES6 template literals vs. concatenated strings
  14. Create an instance of a class in ES6 with a dynamic name? [duplicate]
  15. How to destructure an object to an already defined variable? [duplicate]
  16. Webpack babel 6 ES6 decorators
  17. Inlining ECMAScript Modules in HTML
  18. this.setState is not a function [duplicate]
  19. Get parent class name from child with ES6?
  20. javascript import from ‘/folder’ with index.js
  21. How to test if an object is a Proxy?
  22. Recursive depth function on an array
  23. What are the advantages/disadvantages for creating a top level function in ES6 with arrows or without?
  24. Declaring array of objects
  25. ES2017 – Async vs. Yield
  26. What does the new keyword do under the hood?
  27. Why does javascript ES6 Promises continue execution after a resolve?
  28. Dynamically Add Variable Name Value Pairs to JSON Object
  29. ES6 arrow function and lexical scope inside a function [duplicate]
  30. ESLint: “error Parsing error: The keyword ‘const’ is reserved”

Leave a Comment