build new array of object using map of es2015

Question

I have a set of data, I want to build a new one with custom property name, the existing set of data has nested, that's also one of the reason why I need to normalize it to suite my own use.

says I have this existing set of data

[{
name:"abc",
company:{name:"abc company",age_of_company:1},
age: 19
}]

I want to build a new array of object where the property and nested level will be like this

[{
ceo_name:"abc",
company_name:"abc company",
age: 19
}]

I'm stuck

const newData = existingData.map(obj => (
//obj.company.name I don't know what to do here
)

Will Reese · Accepted Answer · 2017-04-25 03:42:52Z

1

const newData = existingData.map(obj => (
    {
        ceo_name: obj.name,
        company_name: obj.company.name,
        age: obj.age
    }
))

answered Apr 25, 2017 at 3:42

Will Reese

2,8512 gold badges17 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Giala Jefferson Over a year ago

you don't need a return?

Will Reese Over a year ago

The arrow notation automatically returns the value

user663031 Over a year ago

To be precise, the compact body form of the arrow function automatically returns the value (the form without {}).

score 1 · Accepted Answer · 2017-04-25 05:52:10Z

1

You can destructure the parameters of the function passed to map as follows:

existingData.map(
  ({age, name: ceo_name, company: {name: company_name}}) =>
    ({ceo_name, company_name, age}))

edited Apr 25, 2017 at 5:52

answered Apr 25, 2017 at 3:41

user663031

2 Comments

Giala Jefferson Over a year ago

how about the undefined value? stackoverflow.com/questions/43601425/…

user663031 Over a year ago

@GialaJefferson What are you worried about being undefined?

Nahush Farkande · Accepted Answer · 2017-04-25 03:43:08Z

0

Try this

[{
    name:"abc",
    company:{name:"abc company",age_of_company:1},
    age: 19
}].map(element => {
    return {
        ceo_name: element.name,
        company_name: element.company.name,
        age: element.age
    }
})

answered Apr 25, 2017 at 3:43

Nahush Farkande

5,6863 gold badges27 silver badges36 bronze badges

1 Comment

Giala Jefferson Over a year ago

worked, great, but I have another problem now stackoverflow.com/questions/43601425/…

asarna · Accepted Answer · 2017-04-25 03:47:05Z

0

const newData = existingData.map(obj => {
  const { name, company, age } = obj;
    return {
      ceo_name: name,
      company_name: company.name,
      age: age
    }
  }
);

answered Apr 25, 2017 at 3:47

asarna

612 bronze badges

2 Comments

Giala Jefferson Over a year ago

is const needed here?

asarna Over a year ago

Second line destructures the object so you can avoid repeatedly referencing obj. obj.name becomes name, etc.

Collectives™ on Stack Overflow

build new array of object using map of es2015

4 Answers 4

3 Comments

2 Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

2 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related