Generate random entries from an object based on specific criteria and append them to a fresh object using Typescript

Question

Generate random entries from an object based on specific criteria and append them to a fresh object using Typescript

Experimenting with Ionic2 and Typescript has been my recent focus.

I have an object that contains various meals, calorie counts, and meal types (such as vegan).

This is how the object looks:

[
   {
      "id":14093,
      "name":"Proteinshake mit Wasser &#8211; ESN Designer Whey Protein",
      "description":"",
      "thumbnail":null,
      "image":null,
      "calories":[
         "200"
      ],
      "type":[
         "snack"
      ],
      "nutrition":[
         "pescetarier",
         "standart",
         "vegetarisch"
      ]
   },
   {
      "id":14088,
      "name":"Omelette mit Garnelen",
      "description":"",
      "thumbnail":null,
      "image":null,
      "calories":[
         "400"
      ],
      "type":[
         "fruehstueck",
         "gericht"
      ],
      "nutrition":[
         "pescetarier",
         "standart",
         "vegetarisch"
      ]
   }
]

Now I am looking to create a random meal plan.

I aim to include 3 random meals with 400 calories each and 2 Snacks with 200 calories each.

Is there a way to select meals randomly based on their calorie value?

angular typescript ionic2

Answer 1

Answer №1

Yes, it is absolutely achievable. Check out this simple demo on plunker to see how you can generate multiple meal plans effortlessly.

The code provided is quite clear and easy to understand:

import { Component } from "@angular/core";

@Component({
  templateUrl:"home.html"
})
export class HomePage {

  // Array containing all available meals
  private mealLists: Array<any> = [{...}, {...}, ...]; 

  // Array to store randomly generated meal plans
  private mealsPlan: Array<any> = [];

  constructor() { }

  // Generates a meal plan with specified *mealCount* and *calories*
  public getMealPlan(mealCount: number, calories: number) {

    // Reset data for new plan
    this.mealsPlan = [];

    for(let i=0; i<mealCount; i++) {
      // Retrieve meals with specified calorie count
      let selectedMeals = this.getMealsWithCertainCalories(calories);

      // Select a random meal from the list
      let randomMeal = this.getRandomMeal(selectedMeals);

      // Add the selected meal to the plan
      this.mealsPlan.push(randomMeal);
    }
  }

  // Filter meals based on calorie count
  private getMealsWithCertainCalories(calories: number) {
    return this.mealLists
      .filter(function(aMeal){
        if(parseInt(aMeal.calories[0]) == calories) {
          return true;
        } else {
          return false;
        }
      });
  }

  // Get a random meal index within the range of selected meals
  private getRandomMeal(selectedMeals) {
    let randomIndex = Math.floor((Math.random() * selectedMeals.length) );
    return selectedMeals[randomIndex];
  }

}

Note that the magic happens in the filter(...) and Math.random() methods.

Answer 2

Yes, it is absolutely achievable. Check out this simple demo on plunker to see how you can generate multiple meal plans effortlessly.

The code provided is quite clear and easy to understand:

import { Component } from "@angular/core";

@Component({
  templateUrl:"home.html"
})
export class HomePage {

  // Array containing all available meals
  private mealLists: Array<any> = [{...}, {...}, ...]; 

  // Array to store randomly generated meal plans
  private mealsPlan: Array<any> = [];

  constructor() { }

  // Generates a meal plan with specified *mealCount* and *calories*
  public getMealPlan(mealCount: number, calories: number) {

    // Reset data for new plan
    this.mealsPlan = [];

    for(let i=0; i<mealCount; i++) {
      // Retrieve meals with specified calorie count
      let selectedMeals = this.getMealsWithCertainCalories(calories);

      // Select a random meal from the list
      let randomMeal = this.getRandomMeal(selectedMeals);

      // Add the selected meal to the plan
      this.mealsPlan.push(randomMeal);
    }
  }

  // Filter meals based on calorie count
  private getMealsWithCertainCalories(calories: number) {
    return this.mealLists
      .filter(function(aMeal){
        if(parseInt(aMeal.calories[0]) == calories) {
          return true;
        } else {
          return false;
        }
      });
  }

  // Get a random meal index within the range of selected meals
  private getRandomMeal(selectedMeals) {
    let randomIndex = Math.floor((Math.random() * selectedMeals.length) );
    return selectedMeals[randomIndex];
  }

}

Note that the magic happens in the filter(...) and Math.random() methods.

Generate random entries from an object based on specific criteria and append them to a fresh object using Typescript

Answer №1

Similar questions

Unable to execute @angular/cli following installation

Singleton constructor running repeatedly in NextJS 13 middleware

Performing Cypress testing involves comparing the token stored in the localStorage with the one saved in the clipboard

The traditional function does not have access to a reference to this

Messing with onBeforeUnload causes issues with the browsing history in Angular

Is it possible to assign a property value to an object based on the type of another property?

In Angular 12, encountering the error "Unable to bind to 'formGroup' as it is not a recognized property of 'form'" is not uncommon

Is it possible to upload an image-containing object to Mongodb with the help of Node.js?

What is causing the malfunction in this overloaded function signature?

The challenges of type verification in Redux reducer

Obtaining Data from an Array with Reactive Forms in Angular 4

Error: The @use directive must come before any other rules in Angular

Using typescript for Gnome shell extension development. Guidelines on importing .ts files

What is the best approach to integrating payment solutions into a React Native application running on version 0

Yes, indeed - Entering the schema of a retrieved field from an Object schema

Creating a typescript type for contextual dispatch by leveraging the values of another interface

When downloading text using Angular, the file may not display new line characters correctly when opened in Notepad

Mistakes that occur while trying to expand a base class to implement CRUD functionality

Using Material UI Slider along with Typescript for handling onChange event with either a single number or an

Issue with generating source map files using Webpack 4 and ts-loader