Retrieve the value of a variable with the exact same name as a key in the JSON object

Question

Retrieve the value of a variable with the exact same name as a key in the JSON object

I am currently working on a Typescript project where I need to extract the value of a variable with the same name as a property in a JSON object.

Here is an example of my JSON data:

let assets = [
  {
     "properties":{
        "title":"totalCars"
     }
  },
  {
     "properties":{
        "title":"totalBikes"
     }
  }
];

These are some sample variables that I have:

let totalHomes: number = 235,
    totalBikes: number = 56,
    totalCars: number = 127,
    totalBoats: number = 19,
    totalTrucks: number = 8

This is what I am trying to achieve:

let vehicleCounts: Array<number>
for (let asset of assets) {
  // extracting the value from the corresponding property in the JSON object
}

The desired outcome would be:

vehicleCounts = [127, 56]

arrays json typescript

Answer 1

Answer №1

Although your properties are clearly defined, I suggest the following approach:

const sheetsList = [
 {
  "properties":{
    "title":"totalAtm"
   }
 },
 {
  "properties":{
     "title":"totalWor"
  }
 }
];
//Defined variables:

let totalService: number = 917;
let totalWork: number = 7237;
let totalAtmosphere: number = 1410;
let totalCount: number = 1039;
let totalStatus: number = 27;
//Implementation logic:

let allTotals: Array<number>= [];
for (let sheet of sheetsList) {
  switch(sheet.properties.title){
    case "totalService": 
      allTotals.push(totalService);
      break;
    case "totalWork": 
      allTotals.push(totalWork);
      break;
    case "totalAtmosphere": 
      allTotals.push(totalAtmosphere);
      break;
    case "totalCount": 
      allTotals.push(totalCount);
      break;
    case "totalStatus": 
      allTotals.push(totalStatus);
      break;
    default:
      console.log(`Apologies, we have run out of ${sheet.properties.title}.`);
 }

}

console.log(allTotals);

Answer 2

Although your properties are clearly defined, I suggest the following approach:

const sheetsList = [
 {
  "properties":{
    "title":"totalAtm"
   }
 },
 {
  "properties":{
     "title":"totalWor"
  }
 }
];
//Defined variables:

let totalService: number = 917;
let totalWork: number = 7237;
let totalAtmosphere: number = 1410;
let totalCount: number = 1039;
let totalStatus: number = 27;
//Implementation logic:

let allTotals: Array<number>= [];
for (let sheet of sheetsList) {
  switch(sheet.properties.title){
    case "totalService": 
      allTotals.push(totalService);
      break;
    case "totalWork": 
      allTotals.push(totalWork);
      break;
    case "totalAtmosphere": 
      allTotals.push(totalAtmosphere);
      break;
    case "totalCount": 
      allTotals.push(totalCount);
      break;
    case "totalStatus": 
      allTotals.push(totalStatus);
      break;
    default:
      console.log(`Apologies, we have run out of ${sheet.properties.title}.`);
 }

}

console.log(allTotals);

Answer 3

Answer №2

If you're not entirely sure about your goal, one approach could be to utilize a variable to access an attribute of an object. In this scenario, consider following this pattern:

// Define an object containing the numbers you need
const numberObject = {
  totalSer: 917,
  totalWor: 7237,
  totalAtm: 1410,
  totalCt: 1039,
  totalSt: 27
}

// Access the numbers within the object using the titles from the "titleSheets":
const totalAtm = numberObject[titleSheets[0].properties.title];
const totalWor = numberObject[titleSheets[1].properties.title];

// Combine them into an array
const totalAll = [totalAtm, totalWor]

If you wish to iterate over all variables in the JSON data, you can adapt the previous method by incorporating a loop:

const totalAll = new Array<number>();

for (let titleSheet of titleSheets) {
  const number = numberObject[titleSheet.properties.title];
  totalAll.push(number);
}

For a minimal demonstration, you can view it in StackBlitz here: https://stackblitz.com/edit/typescript-lnrkns?file=index.ts

Answer 4

If you're not entirely sure about your goal, one approach could be to utilize a variable to access an attribute of an object. In this scenario, consider following this pattern:

// Define an object containing the numbers you need
const numberObject = {
  totalSer: 917,
  totalWor: 7237,
  totalAtm: 1410,
  totalCt: 1039,
  totalSt: 27
}

// Access the numbers within the object using the titles from the "titleSheets":
const totalAtm = numberObject[titleSheets[0].properties.title];
const totalWor = numberObject[titleSheets[1].properties.title];

// Combine them into an array
const totalAll = [totalAtm, totalWor]

If you wish to iterate over all variables in the JSON data, you can adapt the previous method by incorporating a loop:

const totalAll = new Array<number>();

for (let titleSheet of titleSheets) {
  const number = numberObject[titleSheet.properties.title];
  totalAll.push(number);
}

For a minimal demonstration, you can view it in StackBlitz here: https://stackblitz.com/edit/typescript-lnrkns?file=index.ts

Retrieve the value of a variable with the exact same name as a key in the JSON object

Answer №1

Answer №2

Similar questions

Trouble encountered with Angular Google Maps integration when using router-outlet

Error: Jest + Typescript does not recognize the "describe" function

Import data from an external JSON file

Sort array in ReactJS using JSON data fetched from a URL

Learn the process of showcasing HTML content containing images within a JSON file using ReactJS

What is the process for invoking a service from a component?

Ways to determine if an optional parameter has been defined

Can you explain the meaning of { [key: string]: boolean; } data type?

What is the method for retrieving this data using Javascript?

Struggling to organize data into a hierarchy using the D3.js nest function

No content appearing instead of AngularJS code displayed

Prompt user to save changes or cancel before closing modal (if closed by pressing ESC or clicking the backdrop)

Retrieve information from a JSON array in AngularJS using an ID

Updating an individual item from an array of objects using ReactJS

Browser with Node's https.Agent

Why am I unable to utilize an array in this manner in JavaScript, and what is the method for accessing the array using a calculated number?

Tips on effectively parsing a JSON string in a React Native application

Using Javascript to populate a dropdown menu from a JSON file and show it in a container

Building an Angular 4 app featuring a customized default landing page and URL parameters functionality

Generating custom error messages with specified format when utilizing routing-controllers