Javascript assigning object

Question

I have a "section" object that looks like below;

{
"my-field-1": {id: 'field-1', value: 1},
"my-field-2": {id: 'field-2', value: 2}
}

Now as soon as I execute;

section.fields = section

My section looks like below;

{
"fields": {
    "fields": {} //This repeats infinitely. How do I fix this ?
},
"my-field-1": {id: 'field-1', value: 1},
"my-field-2": {id: 'field-2', value: 2}
}

My question is what can I do to avoid the recurrsion inside the "fields". So I keep getting "fields" inside "fields" infinite times. All I need is finally section.fields should be an object with just those fields and without any recurssion; So, section.fields should just contain

{
"my-field-1": {id: 'field-1', value: 1},
"my-field-2": {id: 'field-2', value: 2}
}

Mahdi Aslami Khavari · Accepted Answer · 2019-05-15 11:09:42Z

1

i suggest to user assign funcion:

section =  {
"my-field-1": {id: 'field-1', value: 1},
"my-field-2": {id: 'field-2', value: 2}
}

section.fields = Object.assign({}, section);

answered May 15, 2019 at 11:09

Mahdi Aslami Khavari

1,99119 silver badges27 bronze badges

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

1 Comment

copenndthagen Over a year ago

Thanks a lot...I am using EmberJS, that also has an assign method...But I assume this is a normal JS method and should work fine even with Ember

adiga · Accepted Answer · 2019-05-15 11:09:53Z

1

You can make a shallow copy of object by using spread operator and then set it as property of object.

const section =  {
"my-field-1": {id: 'field-1', value: 1},
"my-field-2": {id: 'field-2', value: 2}
}

section.fields = {...section}
console.log(section)

edited May 15, 2019 at 11:09

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered May 15, 2019 at 11:04

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

1 Comment

copenndthagen Over a year ago

Thanks...Only thing is this is throwing an Unexpected token JSHint error...but seems to be working otherwise if I try updating in the Chrome debug

Collectives™ on Stack Overflow

Javascript assigning object

2 Answers 2

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Related