Combining certain key values from two dictionaries based on matching IDs in Angular

Question

Combining certain key values from two dictionaries based on matching IDs in Angular

I am currently working with two arrays of JSON objects in Angular. Both dictionaries have a key-value pair called "song_id" in common. My goal is to combine the "rating" key-value from the second array into the first array where the song_id matches.

Array 1:

this.Array1 = [
  {"song_id": 01, "artist_name": "Arijit, Shreya", "song_name": "Song1"},
  {"song_id": 02,"artist_name": "Jason, Ankit", "song_name": "Song2"},
  {"song_id": 03,"artist_name": "Asha, Lata, Bapi", "song_name": "Song3"},
]

Array 2:

this.Array2 = [
{"song_id": 01, "user_id": 5, "rating": 4},
{"song_id": 02, "user_id": 5, "rating": 5},
{"song_id"" 03, "user_id": 5, "rating": 3},
]

Expected Outcome:

this.Array1 = [
  {"song_id": 01, "artist_name": "Arijit, Shreya", "song_name": "Song1", "rating": 4},
  {"song_id": 02,"artist_name": "Jason, Ankit", "song_name": "Song2", "rating": 5},
  {"song_id"": 03,"artist_name": "Asha, Lata, Bapi", "song_name": "Song3", "rating": 3},
]

angular typescript

Answer 1

Answer №1

Take inspiration from the following code snippet:

let artists = [
  { artist_id: 1, name: 'Arijit, Shreya', song_name: 'Song1' },
  { artist_id: 2, name: 'Jason, Ankit', song_name: 'Song2' },
  { artist_id: 3, name: 'Asha, Lata, Bapi', song_name: 'Song3' },
];
let ratings = [
  { song_id: 1, user_id: 5, rating: 4 },
  { song_id: 2, user_id: 5, rating: 5 },
  { song_id: 3, user_id: 5, rating: 3 },
];

artists.map((artist) => {
  let artistID = artist.artist_id;
  ratings.map((rating) => {
    let songID = rating.song_id;
    if (artistID === songID) {
      artist['rating'] = rating.rating;
      console.log(artist);
    }
  });
});

Answer 2

Take inspiration from the following code snippet:

let artists = [
  { artist_id: 1, name: 'Arijit, Shreya', song_name: 'Song1' },
  { artist_id: 2, name: 'Jason, Ankit', song_name: 'Song2' },
  { artist_id: 3, name: 'Asha, Lata, Bapi', song_name: 'Song3' },
];
let ratings = [
  { song_id: 1, user_id: 5, rating: 4 },
  { song_id: 2, user_id: 5, rating: 5 },
  { song_id: 3, user_id: 5, rating: 3 },
];

artists.map((artist) => {
  let artistID = artist.artist_id;
  ratings.map((rating) => {
    let songID = rating.song_id;
    if (artistID === songID) {
      artist['rating'] = rating.rating;
      console.log(artist);
    }
  });
});

Combining certain key values from two dictionaries based on matching IDs in Angular

Answer №1

Similar questions

Troubleshooting a Pulumi script in Azure using Typescript and encountering difficulties with function writing

Printing error stack that includes the source from the source map

What is the best way to transfer a value from a parent component to a directive within Angular 2?

Tips for refreshing the 'state' of an Angular Router component

The name "Identifier" has already been declared before

Difficulty encountered while managing dropdown functionality in Protractor using TypeScript

The element of type 'OverridableComponent<LinkTypeMap<{}, "a">>' cannot be assigned to a 'ReactNode'

Tips for extracting the y-coordinate from a touch event using d3

Give the Row ID as a parameter to a personalized component within MUI Datagrid Pro

Why does the CSHTML button containing a JavaScript onclick function only function intermittently?

Conserving node.js native imports for Electron with rollup

The Angular 18 component was brought in as a dependency and integrated into the project, but unfortunately, it

What is the reason for the manual update of a view when copying an object's attributes into another object, as opposed to using Object.assign()?

Using useState to initialize a long value

Navigate directly to the dashboard page in Angular 5 using RxJS without needing to load the main page first

After downloading the quickstart (angularjs2) from angular.io, I encountered an error when trying to start npm

Typescript - Iterating through CSV columns with precision

Conditional type in Typescript can be used to infer tuple types

Ways of invoking a component method from a service in Angular 2

Modify the appearance of a specific date using ng-pick-datetime