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

Issue with esbuild not executing within docker compose configuration

I encountered an issue with Angular where it is throwing an error stating that the property 'catch' does not exist on the type 'Observable<Object>'

Leveraging a function for filtering in AngularJS

Troubleshooting: Angular 2 router events subscription not triggering

What causes TypeScript 3.7.5 to trigger an error while typing a function that accepts an array as a parameter?

Implementing individual NGRX Selectors for each child component to enable independent firing

When using RxJS forkjoin, it will cease subscription if there is a flatMap present within one of the observables it is awaiting

What is preventing me from using the "@" symbol to substitute the lengthy relative path in my tests directory?

The ngIf directive did not initialize the observable in the child component as expected

There are no route parameters defined

Filtering an array dynamically in Typescript depending on the entered value

Turning off @Output as Observable: A step-by-step guide

Issue: Unable to determine all parameters for FirebaseDataService

Angular: Elf facade base class implementation for utilizing store mechanics

Angular 2 now has the ability to detect keydown events triggered from any part of the page

In Angular, use the ngFor directive to iterate through items in a collection and add a character to each item except

Issues arising while fetching data with Angular httpClient

Angular powered bootstrap modal with a clean and sleek design featuring a transparent header and background

Ways to display an icon in Angular 10 only when it is hovered over

Experiencing problems with npm installation while trying to compile Angular2 source code

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

Answer №1

Similar questions

Issue with esbuild not executing within docker compose configuration

I encountered an issue with Angular where it is throwing an error stating that the property 'catch' does not exist on the type 'Observable<Object>'

Leveraging a function for filtering in AngularJS

Troubleshooting: Angular 2 router events subscription not triggering

What causes TypeScript 3.7.5 to trigger an error while typing a function that accepts an array as a parameter?

Implementing individual NGRX Selectors for each child component to enable independent firing

When using RxJS forkjoin, it will cease subscription if there is a flatMap present within one of the observables it is awaiting

What is preventing me from using the "@" symbol to substitute the lengthy relative path in my __tests__ directory?

The ngIf directive did not initialize the observable in the child component as expected

There are no route parameters defined

Filtering an array dynamically in Typescript depending on the entered value

Turning off @Output as Observable: A step-by-step guide

Issue: Unable to determine all parameters for FirebaseDataService

Angular: Elf facade base class implementation for utilizing store mechanics

Angular 2 now has the ability to detect keydown events triggered from any part of the page

In Angular, use the ngFor directive to iterate through items in a collection and add a character to each item except

Issues arising while fetching data with Angular httpClient

Angular powered bootstrap modal with a clean and sleek design featuring a transparent header and background

Ways to display an icon in Angular 10 only when it is hovered over

Experiencing problems with npm installation while trying to compile Angular2 source code

What is preventing me from using the "@" symbol to substitute the lengthy relative path in my tests directory?