Can all the keys in an object be updated in an atomic manner? Is there a way to achieve this, similar to using splice for an array?

Question

Can all the keys in an object be updated in an atomic manner? Is there a way to achieve this, similar to using splice for an array?

Currently in the process of implementing undo/redo functionality for a project I am working on.

To ensure a smooth undo/redo feature, changes must be atomic to avoid stepping through each small change individually as if they were separate operations.

While splice can achieve this for arrays, I am uncertain if there is an equivalent method for objects that can atomically mutate every value similar to how splice works for arrays.

It should be noted that immutable values are not viable for this particular project as it heavily relies on mutation for all aspects.

javascript

Answer 1

Answer №1

JSBin Demo

To achieve this, you can utilize the Object.assign method like so:

var obj = {x:1, y:2};
var newObj = {x: 3, y: 4};

var updatedObj = Object.assign(obj, newObj);

console.log(updatedObj);// { x: 3, y: 4 }
console.log(obj);// { x: 3, y: 4 }

Answer 2

JSBin Demo

To achieve this, you can utilize the Object.assign method like so:

var obj = {x:1, y:2};
var newObj = {x: 3, y: 4};

var updatedObj = Object.assign(obj, newObj);

console.log(updatedObj);// { x: 3, y: 4 }
console.log(obj);// { x: 3, y: 4 }

Can all the keys in an object be updated in an atomic manner? Is there a way to achieve this, similar to using splice for an array?

Answer №1

Similar questions

What is the best way to display multiple sets of table data on a single page without any connections between them?

Using JavaScript to Detect Asynchronous Postbacks in ASP.NET AJAX

Problem with exporting default class in Babel/Jest conflict

The execution of Ajax is not taking place

Utilizing a Firebase function with Angular

Creating session variables in Joomla using checkboxes and AJAX

Dynamically populate a list before submitting the form using asp .NET MVC

Leveraging jquery version 2.2.2 within a grails application

Tips for updating and transferring a variable within a callback function

Update an element's margin-right value with jQuery

What is the process for utilizing SWR to display information from a GraphQL Apollo Server within a NextJS application?

Stop Swiper Slide from moving when clicked on

Error message: The context object is not iterable. Please note that it must be iterable in order to avoid

What could be causing the Quasar drawer to overlap the Quasar toolbar in a Vue application?

What is the best way to execute JavaScript on the main MVC page when an AJAX request in a partial view has finished?

The JavaScript Ajax data is in array format, however, the length of the array

Getting data from a PHP request using AngularJS can be achieved by creating an HTTP request in

Manipulating State in React: How to add a property to an object within an array within a component's state

Mixing colors in THREE.js vertex shader based on height levels

Tooltips for Images in Vega Charts