Extracting and transforming an array into a list with the desired outcome

Question

Extracting and transforming an array into a list with the desired outcome

Looking for a way to flatten the array below into a single line array using Typescript/JavaScript?

Student: any = [
  { "id": "1", "name": "Jhon", "Marks": { "Math": "90", "English": "80", "Science": "70" } },
  { "id": "2", "name": "Peter", "Marks": { "Math": "95", "English": "85", "Science": "75" } }
];

The desired output should be:

NewStudent = [
  { "id": "1", "name": "Jhon", "Math": "90", "English": "80", "Science": "70" },
  { "id": "2", "name": "Peter", "Math": "95", "English": "85", "Science": "75" }
];

javascript angular typescript

Answer 1

Answer №1

const class = [
   { "id": "1", "name": "Alice", "grades": { "Math": "85", "History": "75", "Biology": "90" } },
   { "id": "2", "name": "Bob", "grades": { "Math": "92", "History": "88", "Biology": "96" } }
];

let studentsList = [];

class.map( pupil => {
   Object.assign(pupil, pupil.grades);
   delete pupil["grades"];
   studentsList.push(pupil);
   return;
});

The studentsList array will contain the transformed data.

Answer 2

const class = [
   { "id": "1", "name": "Alice", "grades": { "Math": "85", "History": "75", "Biology": "90" } },
   { "id": "2", "name": "Bob", "grades": { "Math": "92", "History": "88", "Biology": "96" } }
];

let studentsList = [];

class.map( pupil => {
   Object.assign(pupil, pupil.grades);
   delete pupil["grades"];
   studentsList.push(pupil);
   return;
});

The studentsList array will contain the transformed data.

Answer 3

Answer №2

let pupils = [
    { "num": "1", "fullname": "Johnny", "Grades": { "Math": "90", "English": "80", "Science": "70" } },
    { "num": "2", "fullname": "Pete", "Grades": { "Math": "95", "English": "85", "Science": "75" } }
];
const newEntry = pupils.map(pupil => {number: pupil.num, name: pupil.fullname, ...pupil.grades})

Answer 4

let pupils = [
    { "num": "1", "fullname": "Johnny", "Grades": { "Math": "90", "English": "80", "Science": "70" } },
    { "num": "2", "fullname": "Pete", "Grades": { "Math": "95", "English": "85", "Science": "75" } }
];
const newEntry = pupils.map(pupil => {number: pupil.num, name: pupil.fullname, ...pupil.grades})

Extracting and transforming an array into a list with the desired outcome

Answer №1

Answer №2

Similar questions

Utilizing string interpolation within the parameters of an AJAX call

Formatting Numbers in HighCharts Shared Tooltip

jQuery allows us to set two separate conditions for two distinct variables

The Joi validate() function will return a Promise instead of a value when used within an asynchronous function

Navigating through a dropdown menu using Selenium in Javascript for Excel VBA - Tips and tricks

What is the best way to handle returning a promise when outside of the scope?

What steps can be taken to resolve the issue "AG Grid: Grid creation unsuccessful"?

Stop the closure of confirmation box by disabling the space key

What is the best method in Selenium IDE for tracking an element based on its value?

`The form input status color remains static and does not update`

Is there a method to redirect and display a JavaScript message efficiently?

Parent's hover element

Encountering a problem with GraphQL API fetching in Next.js: receiving the error message "React functionality 'useContext' is not supported in this environment."

Angular is not rendering styles correctly

Tips for expanding the content of a blogger page to fill the entire frame of the page

In the provided Javascript snippet, how would you classify `word` - a function, variable, or object?

Trouble arises when attempting to generate maps using leaflet.js with data sourced from a local directory

Guide to sharing a global object among multiple Vue.js mini apps within the same page

Container struggling to contain overflowing grid content items

What's the process for validating i18n dictionaries using TypeScript?