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 selectively print the contents of a child window upon page load?

Validating Users with OpenID in Vue.js

Display or conceal a vue-strap spinner within a parent or child component

Creating uniform line lengths with a ruler utilizing Fabric.js

Using JavaScript to display content on the screen

Display a list with a set limit and an option to show more by clicking

JavaScript HTTP Requests

Instructions on removing an HTML element from a div that has the attribute contentEditable

Using this.setState in ReactJS removes filters

Updating an object property within an array in Angular Typescript does not reflect changes in the view

Logged in user currently viewing a Vue.js application on IIS

NG-model not visible to AngularJS Controller's filter

Acquiring radio button input in PHP

What is the best way to halt Keyframe Animation once users have logged in?

subscribing to multiple observables, such as an observable being nested within another observable related to HTTP requests

Is there a way to display a message in a div container instead of using the alert box when there is a successful ajax response?

Oops, looks like there's been an issue with the webpack build. It seems we're

JQuery requests functioning flawlessly on one system while encountering issues on other systems

The conditional statement is malfunctioning when both dates are identical

Managing Vue StateWhether you're using Vuex or the