How to extract array of objects using interface

Question

I have an array of objects with large amount of data like This is the example data but I am having large amount of key pair values

 [{ "id": 1, "name":"name1", age: 11,   "skl": {"name": "KK school"} },
    { "id": 2, "name":"name2", age: 12, "skl": {"name": "KK school"} },
    { "id": 3, "name":"name3", age: 13, "skl": {"name": "KK school"} },
    { "id": 4, "name":"name4", age: 14, "skl": {"name": "KK school"} } ]

I need only id and name and skl name like.

 [  { "id": 1, "name":"name1", "skl": {"name": "KK school"},
    { "id": 2, "name":"name2", "skl": {"name": "KK school"},
    { "id": 3, "name":"name3", "skl": {"name": "KK school"},
    { "id": 4, "name":"name4", "skl": {"name": "KK school"} ]

How to extract from these array of objects is there any possible solution

Like [this approach](https://tsplay.dev/N9jYVm) maybe? I assume that `skl` also has a lot of properties. Does that work for your use case or am I missing something? — jcalz, Feb 23 '23 at 03:24
What do you mean by "dynamically"? Please provide a [mre] with representative use cases for desired input/output so someone can help. — jcalz, Feb 23 '23 at 04:40

Andrew Parks · Answer 1 · 2023-02-23T04:46:18.590

2

You can either specify the properties you want to keep, or specify the properties you want to remove:

const data = [
{ "id": 1, "name":"name1", age: 11, "skl": {"name": "KK school"} },
{ "id": 2, "name":"name2", age: 12, "skl": {"name": "KK school"} },
{ "id": 3, "name":"name3", age: 13, "skl": {"name": "KK school"} },
{ "id": 4, "name":"name4", age: 14, "skl": {"name": "KK school"} } ]

// choose what you want to retain:
console.log(data.map(({id, name, skl})=>({id, name, skl})))

// choose what you want to drop:
console.log(data.map(({age, ...other})=>other))

// dynamically:
console.log(data.map(i=>Object.fromEntries(Object.entries(i)
  .filter(([k])=>['id','name','skl'].includes(k)))))

edited Feb 23 '23 at 04:46

answered Feb 23 '23 at 03:35

Andrew Parks

6,358
2
12
27

Is there any way to do dynamically @Andrew Parks – Gem Feb 23 '23 at 04:31
1

@Gem I added to the answer - obviously you can pass in the array of properties you want to retain as a variable instead of hardcoding it – Andrew Parks Feb 23 '23 at 04:46

score 1 · Answer 2 · answered Feb 23 '23 at 05:04

1

Map through array and and extract age from reset array and returning rest shown data without age key

  data.map(({age,...reset}) => reset) //map return a new array

answered Feb 23 '23 at 05:04

ravin kumar

92
1
5

How to extract array of objects using interface

2 Answers2