In Javascript, merge two objects while maintaining their original references

Question

In Javascript, merge two objects while maintaining their original references

Here's a basic illustration of my goal:

data = {name: 'fred'};

newData = {};
newData.name = data.name;

newData.name = 'ted';

console.log(data.name); // I expect this to be ted instead of fred

I am wondering if it is feasible in JavaScript to update the second object and have it impact the first one. Currently, I am utilizing alloyui 1.5 (yui 3.4.0) and attempting to combine objects to form a datatable where the information is displayed on a single row but remains editable, essentially pointing back to the original object.

Is this achievable or do I need to implement events to push the changes back to the initial object?

javascript

Answer 1

Answer №1

If the property of your objects is also an object, you can achieve this functionality. Here's a working example:

data = {name: {first:'fred'}};

newData = {};
newData.name = data.name;

newData.name.first = 'ted';

console.log(data.name.first) // This will output ted

Answer 2

If the property of your objects is also an object, you can achieve this functionality. Here's a working example:

data = {name: {first:'fred'}};

newData = {};
newData.name = data.name;

newData.name.first = 'ted';

console.log(data.name.first) // This will output ted

Answer 3

Answer №2

A new object reference can be created for your data object by using the Object() method in JavaScript. When you change a property in either object, it will reflect in the other object as well.

data = {name: 'fred'};

var newData = new Object(data);

newData.name = 'ted';

console.log(data.name);// outputs ted

To learn more about Object(), check out this link

Answer 4

A new object reference can be created for your data object by using the Object() method in JavaScript. When you change a property in either object, it will reflect in the other object as well.

data = {name: 'fred'};

var newData = new Object(data);

newData.name = 'ted';

console.log(data.name);// outputs ted

To learn more about Object(), check out this link

In Javascript, merge two objects while maintaining their original references

Answer №1

Answer №2

Similar questions

reveal the concealed divs within the list elements

Tips for utilizing import alongside require in Javascript/Typescript

Transforming a form submission into an AJAX post while already in an AJAX post

Trouble concealing tab using slideUp function in Jquery

What is the best way to dynamically validate the fields and generate an array?

What is the best way to update an array within an object using Redux?

Changing time format from ISO time to short time in JavaScript

Is it permissible to assign the same element as a child to multiple parent elements in jQuery?

Utilizing classes as types in TypeScript

What is the best way to automatically scroll to the bottom of a modal after making a request and

Discovering items located within other items

What is the most effective way to assign multiple functions to the onClick event of a button, based on a specific property,

Steps for correctly invoking a function based on input value conditions

Issue with Electron | JavaScript Runtime

Exploring the concept of front-end deletion through ajax technology

When utilizing the header slot in v-data-table, an empty header row is unexpectedly appearing

The touchstart event handler triggers but the event returns as undefined

Establishing a dynamic database feature (such as a real-time leader board) on a website

Improving the functionality of the JavaScript key press function

Access and retrieve pkpass files from a server using React