Sort through object attributes according to a different object

Question

Sort through object attributes according to a different object

I have two sets of data represented by objects object_a and object_b. I want to extract the items from object_a that correspond to the IDs found in object_b.

const object_a = {
    100: "Stack Overflow",
    101: "MDN Web Docks",
    102: "Javascript"
}

const object_b = {
    0: {
        id: 100,
        name: "Stack",
        lastname: "Overflow"
    },
    1: {
        id: 101,
        name: "Web",
        lastname: "Docks"
    }
}

My goal is to create a new object containing the items from object_a whose IDs are present in object_b.

const desired_object = {
    100: "Stack Overflow",
    101: "MDN Web Docks"
}

javascript vue.js

Answer 1

Answer №1

To enhance your code structure, consider utilizing the Object.entries() method on object_a and then employing Array.prototype.filter() to exclude elements that are not included (using Array.prototype.some()) in the id values of object_b:

const a = {100:"Stack Overflow", 101:"MDN Web Docks", 102:"Javascript"},
      b = {0:{id:100, name:'Stack', lastname:'Overflow'}, 1:{id:101, name:'Web', lastname:'Docks'}},
    
    result = Object.fromEntries(
      Object
        .entries(a)
        .filter(([key]) => 
          Object
            .values(b)
            .some(({id}) => id == key)
        )
     )
    
console.log(result)

Alternatively, for potentially improved performance, you can utilize Array.prototype.reduce() to loop through the Object.keys() of object_a and carry out the same validation:

const a = {100:"Stack Overflow", 101:"MDN Web Docks", 102:"Javascript"},
      b = {0:{id:100, name:'Stack', lastname:'Overflow'}, 1:{id:101, name:'Web', lastname:'Docks'}},
      
      result = Object
        .keys(a)
        .reduce((acc, key) => {
          if(Object.values(b).some(({id}) => id == key))
            acc[key] = a[key]
          return acc
        }, {})
          
console.log(result)

Answer 2

To enhance your code structure, consider utilizing the Object.entries() method on object_a and then employing Array.prototype.filter() to exclude elements that are not included (using Array.prototype.some()) in the id values of object_b:

const a = {100:"Stack Overflow", 101:"MDN Web Docks", 102:"Javascript"},
      b = {0:{id:100, name:'Stack', lastname:'Overflow'}, 1:{id:101, name:'Web', lastname:'Docks'}},
    
    result = Object.fromEntries(
      Object
        .entries(a)
        .filter(([key]) => 
          Object
            .values(b)
            .some(({id}) => id == key)
        )
     )
    
console.log(result)

Alternatively, for potentially improved performance, you can utilize Array.prototype.reduce() to loop through the Object.keys() of object_a and carry out the same validation:

const a = {100:"Stack Overflow", 101:"MDN Web Docks", 102:"Javascript"},
      b = {0:{id:100, name:'Stack', lastname:'Overflow'}, 1:{id:101, name:'Web', lastname:'Docks'}},
      
      result = Object
        .keys(a)
        .reduce((acc, key) => {
          if(Object.values(b).some(({id}) => id == key))
            acc[key] = a[key]
          return acc
        }, {})
          
console.log(result)

Sort through object attributes according to a different object

Answer №1

Similar questions

What is the best way to read a file or Stream synchronously in node.js?

How can a method be called from a sibling component in Angular when it is bound through the <router-outlet>?

Ways to extract the content from the textarea

Browser now replacing attribute translate="yes" with translate="translate"

Incorporating JavaScript and Alpine.js to Monitor and Log Changes in Input Range Values

Streaming the request body in NodeJS using ExpressJS without buffering

Obtain the URL of the parent window from a modal dialog using JavaScript

How can one use jQuery to target elements that have names that are in an array format?

The onblur function is not being triggered

Filtering a table using jQuery based on the class or data attributes

Challenges Encountered when Making Multiple API Requests

The middleware attached to the router using router.use is not being executed

How to selectively display specific columns when outputting JSON to a dynamic HTML table?

The art of Vue JS displaying content

What is the correct way to extract results from an Array of Objects in Typescript after parsing a JSON string into a JSON object? I need help troubleshooting my code

Preventing default form submission in jQuery: How to cancel it when a certain condition is met

Is there a way to retrieve the href value from a modal window upon clicking the link?

Encountering the error "Uncaught reference error: $ is not defined" despite ensuring that scripts are loading in the correct order. However, the scripts work from the

Creating a customizable React application with an extra environmental setting

Transmit information to Vue.js component