How to add Object to Object on the fly?

Question

JavaScript

I have an Object that looks like a section structure ( an expanded Object ). From this Object, I pull out data on selects with dependencies.
It is necessary to copy completely its 0 element into this Object when clicking on the button. That is, what should happen .
I ask you to help in solving this issue, examples, links, documentation of functions or methods through which you can wrap it.
If you need any clarification, please ask

Answer 1

If I have a problem only in copying an object, then it is usually solved through
In this case
Or do you need something more tricky?

Answer 2

Spread syntax will help you
, the code would look something like this:

this.config.internalChannel.channels = {
  ...this.config.internalChannel.channels,
  1: this.config.internalChannel.channels[0]
}

Answer 3

The task was to add an object to an object on the fly for data reactivity on VueJs.
The task was solved by an asynchronous function via this.$set();
You can read about it in the documentation , paragraph Asynchronous update queue
I can't guarantee that this option is correct, but it works.