Using Typescript to extract elements from one array and create a new array

Question

Using Typescript to extract elements from one array and create a new array

I have a set of elements "inputData" , and it appears as follows :

[{code:"11" , name= "test1" , state:"active" , flag:"stat"},
{code:"145" , name= "test2" , state:"inactive" , flag:"pass"},
{code1:"785" , name= "test3" , state:"active" , flag:"stat"},
...
]

Instead of using loops, I aim to filter it in order to get an outputData array that looks like this :

[{id:"11" , libelle= "test1"},
{id:"145" , libelle= "test2"},
{id:"785" , libelle= "test3"},
...
]

where

code -> id

and

name -> libelle

Any ideas for this?

angular typescript filter ecmascript-6 ecmascript-5

Answer 1

Answer №1

To transform your array, you can use the map method to create a new array based on the original one.

const newData = oldData.map(({ code: id, name: label }) => ({ id, label }))

It's worth noting that this code utilizes modern ES6 functionalities such as Array.prototype.map, destructuring assignment, and arrow functions.

Answer 2

To transform your array, you can use the map method to create a new array based on the original one.

const newData = oldData.map(({ code: id, name: label }) => ({ id, label }))

It's worth noting that this code utilizes modern ES6 functionalities such as Array.prototype.map, destructuring assignment, and arrow functions.

Using Typescript to extract elements from one array and create a new array

Answer №1

Similar questions

Unlocking the capabilities of Chrome extensions using Angular 2 and TypeScript

What are the steps to set up NextJS 12.2 with SWC, Jest, Eslint, and Typescript for optimal configuration?

Having difficulty launching a TypeScript Node.js application using ts-node and pm2

Typescript declaration for a .js file in a diverse project

Encrypt and decrypt your store with ngrx-store-localstorage

`Firebase User Instance and Custom Firestore Document`

Tips for deploying an Angular 6 application on a Node server

Tips for sending arguments to translations

The process of transferring information from a JSON API to TypeScript models

Implementing nested popup windows using Bootstrap

Is there a way to include the request body (req.body) in the msg object using express-winston?

Issue detected in React Rollup: the specific module 'name' is not being exported from the node_modules directory

The bundle.js file encountered an issue while running UglifyJs, expecting a name

p-calendar validator necessitated

When the admin clicks the start button, redirect all users to the designated page

Unable to click on element at specific location

The variable 'cache' is not recognized by Angular

After successful login, MSAL Angular will redirect the user to "/#code=..." either through a popup or using the msalGuard redirect method

What is the solution to the error message "Unable to assign property of undefined"?

Navigable outside graphic key in AmCharts version 4