Extract and process all the data from the JSON array using TypeScript

Question

Extract and process all the data from the JSON array using TypeScript

Given a JSON array as shown above, the task is to extract all the values from the array and create a new array of arrays.

The challenge is to achieve this without using any model files in Typescript, and the method to do so is not clear.

Assistance in resolving this issue would be greatly appreciated.

[
  {
    "firstName": "Rajesh",
    "lastName": "Kumar",
    "age": "25"
  },
  {
    "firstName": "john",
    "lastName": "david",
    "age": "26"
  }
]

The desired output should be as follows:

[["Rajesh","Kumar","25"],["john","david","26"]]

arrays json angular typescript

Answer 1

Answer №1

If you want to transform all the values in the array, you can utilize the <Array>.map method. You have the option to return the object as an Array using <Object>.values or simply by specifying the desired keys like

[obj.firstName, obj.lastName, obj.age]

While you could iterate through the array and modify the values using a for loop, it can be quite verbose. The recommended approach in this scenario would be the first method, as it offers more flexibility.

The revised code would look like this

let data = [
  {
    "firstName": "Rajesh",
    "lastName": "Kumar",
    "age": "25"
  },
  {
    "firstName": "john",
    "lastName": "david",
    "age": "26"
  }
];
// Storing the array in the 'data' variable

data = data.map(item => Object.values(item));

// 'data' now holds the transformed array

You can explore alternative methods as indicated, but this is the most succinct approach.

Answer 2

If you want to transform all the values in the array, you can utilize the <Array>.map method. You have the option to return the object as an Array using <Object>.values or simply by specifying the desired keys like

[obj.firstName, obj.lastName, obj.age]

While you could iterate through the array and modify the values using a for loop, it can be quite verbose. The recommended approach in this scenario would be the first method, as it offers more flexibility.

The revised code would look like this

let data = [
  {
    "firstName": "Rajesh",
    "lastName": "Kumar",
    "age": "25"
  },
  {
    "firstName": "john",
    "lastName": "david",
    "age": "26"
  }
];
// Storing the array in the 'data' variable

data = data.map(item => Object.values(item));

// 'data' now holds the transformed array

You can explore alternative methods as indicated, but this is the most succinct approach.

Answer 3

Answer №2

You can find exactly what you need here

const data = [
  {
    "name": "Alice",
    "surname": "Smith",
    "age": "30"
  },
  {
    "name": "Bob",
    "surname": "Jones",
    "age": "35"
  }
];

// The desired array is stored in the variable result
const result = data.map(item => [Object.keys(item).map(key => item[key])])

// Alternatively, you can specify the properties explicitly
const result = data.map(item => [item.name, item.surname, item.age])

Answer 4

You can find exactly what you need here

const data = [
  {
    "name": "Alice",
    "surname": "Smith",
    "age": "30"
  },
  {
    "name": "Bob",
    "surname": "Jones",
    "age": "35"
  }
];

// The desired array is stored in the variable result
const result = data.map(item => [Object.keys(item).map(key => item[key])])

// Alternatively, you can specify the properties explicitly
const result = data.map(item => [item.name, item.surname, item.age])

Answer 5

Answer №3

One way to simplify the objects with a few elements is to use the following approach:

const people = [
  {
    name: 'Sarah',
    surname: 'Jones',
    age: '30'
  },
  {
    name: 'Michael',
    surname: 'Smith',
    age: '35'
  }
]

const result = people.map(p => [p.name, p.surname, p.age])
console.log(result)

Answer 6

One way to simplify the objects with a few elements is to use the following approach:

const people = [
  {
    name: 'Sarah',
    surname: 'Jones',
    age: '30'
  },
  {
    name: 'Michael',
    surname: 'Smith',
    age: '35'
  }
]

const result = people.map(p => [p.name, p.surname, p.age])
console.log(result)

Answer 7

Answer №4

To achieve the desired outcome, consider implementing the following solution:

let updatedArray: any[] = [];

// objects - your array of objects

for (let item in objects) {

  let itemArray = [];
  itemArray.push(item.firstName);
  itemArray.push(item.lastName);
  itemArray.push(item.age);
  
  updatedArray.push(itemArray);
 }
 
 console.log("Updated Array: ", updatedArray);

Answer 8

To achieve the desired outcome, consider implementing the following solution:

let updatedArray: any[] = [];

// objects - your array of objects

for (let item in objects) {

  let itemArray = [];
  itemArray.push(item.firstName);
  itemArray.push(item.lastName);
  itemArray.push(item.age);
  
  updatedArray.push(itemArray);
 }
 
 console.log("Updated Array: ", updatedArray);

Extract and process all the data from the JSON array using TypeScript

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Having trouble getting NPM environment variables to function properly on a Windows system?

Is it possible for Angular components to retrieve information on the current route and parameters?

Angular CLI Issue: Project Configuration Not Detected

Instead of printing only the JSON data using "response.data", the entire response is being printed out

Error encountered in the onPostExecute method due to a type mismatch at line 111 in JSON.java, along with a JSONException stating that the input has ended at character 0

Round Community - Numpy Essentials

An exploration on integrating a controller into an Angular directive class using Typescript

Using an array in Swift to set the title of a button

Sending boolean values from parent components to child components in Angular 2

What are some effective strategies for handling JSON APIs efficiently?

Angular - Javascript - Oops! The variable 'google' seems to have gone missing after reloading the page

Ways to organize a struct array in increasing order in C++

Arranging Objects by Alphabetical Order in Typescript

Failure to display JSON data utilizing the getJSON method

Back up the essential data of the core system, focusing on just one

Associating information with a dropdown menu

Error Message: "Module not found - Module TS2307 cannot be located

Troubleshooting issue with Angular2 Dart ngFor not refreshing view with WebSockets data stream

Are Double-Value Additions in JSON Causing a C# Anomaly?

Inconsistency in product returns following promise mapping - Utilizing Ionic, Angular, and Typescript