Combining values in an Angular project to create a new object with the same properties using TypeScript

Question

Combining values in an Angular project to create a new object with the same properties using TypeScript

Hey there! I hope your day is going well. I'm currently working on calculating multiple objects to create a new one with average values.

Here's the schema:

export class stats{
  assists:number
  causedEarlySurrender:boolean
  champLevel:number
  ...
}

Then, I have this data in an array of objects like below:

0: {assists: 0, causedEarlySurrender: false, champLevel: 18, ...}
1: {assists: 2, causedEarlySurrender: false, champLevel: 18, ...}
2: {assists: 0, causedEarlySurrender: false, champLevel: 16, ...}

I've been experimenting but struggling to find a way to automate this process without having to manually type each key name.

This is what I have tried so far:

meanStats(){
    let iterator = 0;
    this.stats.forEach((m, i, array)=>{
      iterator ++;
      for (let [key, value] of Object.entries(m)) {
        console.log(key, value);
        switch (value) {
          case Boolean:
            if(key == "win"){
              this.wins += value//if true should compute as 1 and if its not should be 0
            }
            if(key == "gameEndedInSurrender"){
              this.surrenders += value
            }
            else{
              break
            }
            break;
          case Number:
          this.meanStat.key += value
            break;
          default:
            break;
        }
    }
      });
    
    }

The goal is to iterate through each key name and value, determine if it's a boolean or a number, sum that value on the correct key of the new object, and then divide all values by the iterator to obtain an average. The current issue is that 'key' is not recognized as a valid value of the object.

Any assistance on this matter would be greatly appreciated. Thank you in advance!

json angular typescript object nested-loops

Answer 1

Answer №1

To address the issue of handling boolean values separately, you can implement a solution like this:

const obj = {};



let data = [
   {assists: 0, champLevel: 18, combatPlayerScore: 0, damageDealtToObjectives: 60241},
    {assists: 2, champLevel: 18, combatPlayerScore: 0, damageDealtToObjectives: 60241},
     {assists: 4, champLevel: 18, combatPlayerScore: 0, damageDealtToObjectives: 60241}
]

data.forEach( item => {
  Object.keys(item).forEach(key => {
    if (obj[key]) {
      obj[key]+= item[key];
    } else {
      obj[key]= item[key];
    }
  });
});
 Object.keys(obj).forEach((key) => obj[key] = obj[key]/data.length);

Answer 2

To address the issue of handling boolean values separately, you can implement a solution like this:

const obj = {};



let data = [
   {assists: 0, champLevel: 18, combatPlayerScore: 0, damageDealtToObjectives: 60241},
    {assists: 2, champLevel: 18, combatPlayerScore: 0, damageDealtToObjectives: 60241},
     {assists: 4, champLevel: 18, combatPlayerScore: 0, damageDealtToObjectives: 60241}
]

data.forEach( item => {
  Object.keys(item).forEach(key => {
    if (obj[key]) {
      obj[key]+= item[key];
    } else {
      obj[key]= item[key];
    }
  });
});
 Object.keys(obj).forEach((key) => obj[key] = obj[key]/data.length);

Answer 3

Answer №2

Sharing my findings here which may be helpful to some users. The process is not yet 100% complete as I still need to address booleans separately. Depending on the values, different approaches were taken such as averaging or using max values, making the task somewhat complex. Utilizing my object schema proved to be beneficial.

Below is the code snippet:

meanStats(){
    
    this.stats.forEach((m, i, array)=> {
      for (let [key, value] of Object.entries(m)) {

        // setting everything to default
        if(typeof(this.meanStat[key])=="undefined" && typeof(value)=="number"){
          this.meanStat[key] = 0
        }else if(typeof(this.meanStat[key])=="undefined" && typeof(value)=="boolean"){
          this.meanStat[key] = false

        }
        // filtering by number types              
        if (typeof(value) == "number"){
          let aux: number = this.meanStat[key]
          if (key == "largestCriticalStrike" || key == "largestKillingSpree"|| key == "largestMultiKill"){
            if(value > this.meanStat[key]){
              this.meanStat[key] = value
            }
          }else if (key == "doubleKills"|| key=="tripleKills"|| key == "quadraKills" || key== "pentakills"){
            switch (key) {
              // decided to make separate variables for these ones and also have average values.
              case "doubleKills":
                this.doublekills +=value
                aux+=value
                this.meanStat[key] = aux                
                break;
              case "tripleKills":
                this.triplekills +=value
                aux+=value
                this.meanStat[key] = aux  

                break;
              case  "quadraKills":
                this.quadrakills +=value
                aux+=value
                this.meanStat[key] = aux  
                break;
              case "pentakills":
                this.pentakills +=value
                aux+=value
                this.meanStat[key] = aux  
                break;
            
              default:
                break;
            }
          }else{
            aux+=value;
            this.meanStat[key] = aux;
          }
        }else{
          switch (key) {
            // need to handle other booleans, have not done that yet that's why there is only one case
            case "win":
                if(value == true){
                  this.wins ++
                }
              break;
          
            default:
              break;
          }
        }
    }
      });
        // average every number except largestCriticalStrike
    Object.keys(this.meanStat).forEach((key) => {
      if (typeof(this.meanStat[key])== "number"){
        if(key != "largestCriticalStrike" ){
          this.meanStat[key] = this.meanStat[key]/this.stats.length
        }        
      }      
    })
    console.log(this.meanStat)   
    console.log(this.wins)   
    } 
}

The code functions as intended, but if you have a better approach, please share your own answer. Have a great day! And thank you to @Arun Mohan for their assistance.

Answer 4

Sharing my findings here which may be helpful to some users. The process is not yet 100% complete as I still need to address booleans separately. Depending on the values, different approaches were taken such as averaging or using max values, making the task somewhat complex. Utilizing my object schema proved to be beneficial.

Below is the code snippet:

meanStats(){
    
    this.stats.forEach((m, i, array)=> {
      for (let [key, value] of Object.entries(m)) {

        // setting everything to default
        if(typeof(this.meanStat[key])=="undefined" && typeof(value)=="number"){
          this.meanStat[key] = 0
        }else if(typeof(this.meanStat[key])=="undefined" && typeof(value)=="boolean"){
          this.meanStat[key] = false

        }
        // filtering by number types              
        if (typeof(value) == "number"){
          let aux: number = this.meanStat[key]
          if (key == "largestCriticalStrike" || key == "largestKillingSpree"|| key == "largestMultiKill"){
            if(value > this.meanStat[key]){
              this.meanStat[key] = value
            }
          }else if (key == "doubleKills"|| key=="tripleKills"|| key == "quadraKills" || key== "pentakills"){
            switch (key) {
              // decided to make separate variables for these ones and also have average values.
              case "doubleKills":
                this.doublekills +=value
                aux+=value
                this.meanStat[key] = aux                
                break;
              case "tripleKills":
                this.triplekills +=value
                aux+=value
                this.meanStat[key] = aux  

                break;
              case  "quadraKills":
                this.quadrakills +=value
                aux+=value
                this.meanStat[key] = aux  
                break;
              case "pentakills":
                this.pentakills +=value
                aux+=value
                this.meanStat[key] = aux  
                break;
            
              default:
                break;
            }
          }else{
            aux+=value;
            this.meanStat[key] = aux;
          }
        }else{
          switch (key) {
            // need to handle other booleans, have not done that yet that's why there is only one case
            case "win":
                if(value == true){
                  this.wins ++
                }
              break;
          
            default:
              break;
          }
        }
    }
      });
        // average every number except largestCriticalStrike
    Object.keys(this.meanStat).forEach((key) => {
      if (typeof(this.meanStat[key])== "number"){
        if(key != "largestCriticalStrike" ){
          this.meanStat[key] = this.meanStat[key]/this.stats.length
        }        
      }      
    })
    console.log(this.meanStat)   
    console.log(this.wins)   
    } 
}

The code functions as intended, but if you have a better approach, please share your own answer. Have a great day! And thank you to @Arun Mohan for their assistance.

Combining values in an Angular project to create a new object with the same properties using TypeScript

Answer №1

Answer №2

Similar questions

Retrieve data from a Firestore document in an Ionic application

how do I address the issue of Property 'navigation' not being found in type 'Readonly<{}> &'?

Exploring the capabilities of UIGrid in conjunction with TypeScript DefinitelyTyped has been a

Converting JSON data into clickable URL links and retrieving information upon clicking

Dragging and dropping elements onto the screen is causing them to overlap when trying

What is the best way to integrate AWS-Amplify Auth into componentized functions?

Is it possible to create a combined header/declaration file in Golang within a single file?

AngularJS throwing obscure error message when trying to access object

Is it possible to maintain the input and output types while creating a function chain factory in

Error Alert: "Invariant Violation" detected in a TypeScript program utilizing React

Updating from webpack v1 to v2 using webpack-cli results in a tsx error during migration

Discover the magic of transforming user input into live asterisks using Angular2 and TypeScript

retrieve asynchronous data from the server using ngrx

Using Nest JS to create two instances of a single provider

Modify the Input Format of a Date from Y/M/D to D/M/Y in SQL/PHP using a form

What would cause the nsfw property to be absent from a TextChannel in client.on("messageCreate") event?

Searching for a property in JSON using C# can be done by parsing the

What is the best way to retrieve JSON data using perl?

Regulation specifying a cap of 100.00 on decimal numbers entered into a text input field (Regex)

Issue with Typescript express application utilizing express-openid-connect wherein cookies are not being retained, resulting in an infinite loop of redirects