How to add another object to an object using typescript?

Question

i want to add an object into another object using typescript.

below is data1

data1 = {firstDetails: {...}}

data1 = {
            firstDetails: { 
                id: '1',
                name: 'first'
                description: 'description'
                //other fields,
            }
         }

and there is data2 like below

 data2 {secondDetails: {...}}


const data2 = {
    secondDetails: {
        id: '1',
        items: [],
        values: [],

    }
}

now i want to remove property id from secondDetails and then take items and values from data2 and add it to data1.

so the expected output is like below

{ 
    firstDetails: {
        id: '1',
        name: 'first',
        description: 'description',
        items: [],
        values: [], 
    } 
}

i have tried like below,

const formattedData2 = formattedData2.secondDetails;
const without_id = omit(formattedData2, 'id')
data1.firstDetails = Object.assign(data1.firstDetails, without_id);

but this gives error in dat1.firstDetails in the last line. it says variable data has implicitly any type.

could someone help me fix this. how can i put one object into another using typescript. thanks.

Siva Kondapi Venkata · Accepted Answer · 2022-05-03 19:35:28Z

5

Use destructuring with rest on second details. This way, you wont include the id from second

data1 = {
  firstDetails: {
    id: "1",
    name: "first",
    description: "description",
  },
};

const data2 = {
  secondDetails: {
    id: "2",
    items: [],
    values: [],
  },
};

const { id, ...restSecondDetails } = data2.secondDetails;

data1.firstDetails = { ...data1.firstDetails, ...restSecondDetails };

console.log(data1)

edited May 3, 2022 at 19:35

answered May 3, 2022 at 18:46

Siva Kondapi Venkata

11.1k2 gold badges20 silver badges32 bronze badges

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

2 Comments

natalia Over a year ago

thanks but this doesnt put it in object firstDetails. pls look at the expected output in the question

Siva Kondapi Venkata Over a year ago

@natalia, Check the updated answer.

score 2 · Accepted Answer · 2022-05-03 19:23:53Z

2

Using spread and delete operator will help you here an example

delete formattedData2.secondDetails.id;
const object = {...data1.firstDetails, ...formattedData2.secondDetails}

If you want to push the property to the first object user;

Object.assign(data1.firstDetails, data2.secondDetails)

edited May 3, 2022 at 19:23

answered May 3, 2022 at 18:10

user19024919

2 Comments

natalia Over a year ago

i want the firstDetails to be there still but add formattedData2.secondDetails into firstDetails object.

user19024919 Over a year ago

@Natalia check it out now.

adam.k · Accepted Answer · 2022-05-03 18:17:56Z

-1

There's multiple ways to do this. I wouldn't use delete as this comes with unnecessary overhead.

A simple general way to do this would be as follows

const combinedObject = firstDetails
Object.keys(secondDetails).forEach(key => {
  if (key !== 'id') {
    combinedObject[key] = secondDetails[key]
  }
})

answered May 3, 2022 at 18:17

adam.k

6423 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to add another object to an object using typescript?

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related