Updating corresponding key values in two JavaScript objectsORModify matched key values

Question

Updating corresponding key values in two JavaScript objectsORModify matched key values

I am in need to compare two objects and update the values of the first object with the updated values from the second object. For example:

$scope.obj1={"id" : 1, "name" : "java"}
$scope.obj2={"id" : 1, "name" : "java4you", "gender" : "male"}

compare(destination, bj1, obj2);

Output in the Destination variable will be:

{"id" : 1, "name" : "java4you"}

Both objects above contain the same keys but different values. The goal is to compare obj1 and obj2 and update obj1 with values matching those in obj2.

javascript angularjs

Answer 1

Answer №1

To duplicate obj1, you can utilize Object.assign() to create a new variable called destination. Next, iterate through each key of obj2 by using Object.keys() and array#forEach. Check if the key exists in destination; if it does, update the value in destination with the corresponding value from obj2.

var obj1={"id" : 1, "name" : "java"},
    obj2={"id" : 1, "name" : "java4you", "gender" : "male"}

var updateObjectValue = (obj1, obj2) => {
  var destination = Object.assign({}, obj1);
  Object.keys(obj2).forEach(k => {
    if(k in destination) {
      destination[k] = obj2[k];
    }
  });
  return destination;
}
console.log(updateObjectValue(obj1, obj2));

Answer 2

To duplicate obj1, you can utilize Object.assign() to create a new variable called destination. Next, iterate through each key of obj2 by using Object.keys() and array#forEach. Check if the key exists in destination; if it does, update the value in destination with the corresponding value from obj2.

var obj1={"id" : 1, "name" : "java"},
    obj2={"id" : 1, "name" : "java4you", "gender" : "male"}

var updateObjectValue = (obj1, obj2) => {
  var destination = Object.assign({}, obj1);
  Object.keys(obj2).forEach(k => {
    if(k in destination) {
      destination[k] = obj2[k];
    }
  });
  return destination;
}
console.log(updateObjectValue(obj1, obj2));

Answer 3

Answer №2

If you want to compare two objects without relying on AngularJS methods, give this a try:

function findDifferences(obj1, obj2) {
  var biggerObj = obj1;
  
  if (Object.keys(obj2).length > Object.keys(obj1).length) {
    biggerObj = obj2;
  }

for (let key in biggerObj) {
  if (!biggerObj.hasOwnProperty(key)) continue;
    
    if (obj1[key] != obj2[key]) {
    console.info("Difference in '"+ key +"': "+ obj1[key] +" <> "+ obj2[key]);
    }
}
}

var $scope = {};

$scope.obj1 = {"id" : 1, "name" : "java"};
$scope.obj2 = {"id" : 1, "name" : "java4you", "gender" : "male"};

findDifferences($scope.obj1, $scope.obj2);

Just use caution with this method as it may not cover all possible scenarios.

Answer 4

If you want to compare two objects without relying on AngularJS methods, give this a try:

function findDifferences(obj1, obj2) {
  var biggerObj = obj1;
  
  if (Object.keys(obj2).length > Object.keys(obj1).length) {
    biggerObj = obj2;
  }

for (let key in biggerObj) {
  if (!biggerObj.hasOwnProperty(key)) continue;
    
    if (obj1[key] != obj2[key]) {
    console.info("Difference in '"+ key +"': "+ obj1[key] +" <> "+ obj2[key]);
    }
}
}

var $scope = {};

$scope.obj1 = {"id" : 1, "name" : "java"};
$scope.obj2 = {"id" : 1, "name" : "java4you", "gender" : "male"};

findDifferences($scope.obj1, $scope.obj2);

Just use caution with this method as it may not cover all possible scenarios.

Answer 5

Answer №3

With AngularJS, you have the ability to use .equal for comparison and obtain the desired outcome. If your code is not producing the expected results, it could be due to an error in the implementation.

$scope.result = angular.equals($scope.obj1, $scope.obj2);
if($scope.result === true){    
$scope.obj1 = $scope.obj2;
}

Answer 6

With AngularJS, you have the ability to use .equal for comparison and obtain the desired outcome. If your code is not producing the expected results, it could be due to an error in the implementation.

$scope.result = angular.equals($scope.obj1, $scope.obj2);
if($scope.result === true){    
$scope.obj1 = $scope.obj2;
}

Answer 7

Answer №4

Give this a shot,

function mergeObjects(object1, object2)
{
    let mergedObject = {};
    for(let key in object1)
    {
         mergedObject[key] = object2[key];
     }
    return mergedObject;
}

To use it, do the following:

var mergedResult = mergeObjects(object1, object2);

Answer 8

Give this a shot,

function mergeObjects(object1, object2)
{
    let mergedObject = {};
    for(let key in object1)
    {
         mergedObject[key] = object2[key];
     }
    return mergedObject;
}

To use it, do the following:

var mergedResult = mergeObjects(object1, object2);

Answer 9

Answer №5

After making some adjustments to @Bharadwaj's solution, I finally got it to work for my specific case.
It's crucial to use an if statement to filter for (... in ...) statements

    var obj1={"id" : 1, "name" : "javascript"},
        obj2={"id" : 1, "name" : "jsforlife", "gender" : "female"};

    function compare(obj1, obj2) {
      let obj = {};
      for(let k in obj1) {
         if(obj1[k] !== obj2[k]) {
           obj = Object.assign({}, obj1, obj1[k] = obj2[k]);
         }
         
      }
      return obj;
    }

Answer 10

After making some adjustments to @Bharadwaj's solution, I finally got it to work for my specific case.
It's crucial to use an if statement to filter for (... in ...) statements

    var obj1={"id" : 1, "name" : "javascript"},
        obj2={"id" : 1, "name" : "jsforlife", "gender" : "female"};

    function compare(obj1, obj2) {
      let obj = {};
      for(let k in obj1) {
         if(obj1[k] !== obj2[k]) {
           obj = Object.assign({}, obj1, obj1[k] = obj2[k]);
         }
         
      }
      return obj;
    }

Updating corresponding key values in two JavaScript objectsORModify matched key values

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Switch the script: convert from jQuery to traditional JavaScript code

"Encountering a Twilio POST error when attempting to send SMS

Exploring the capabilities of SVG and audio integration in web browsers

JavaScript - Modify input character prior to appending it to the text area

Transforming the format from YYYYMMDD using MomentJS

Incorporating an external SVG link into a React application

The JSON data sent from the primary Electron process is arriving as undefined in the renderer

Spring REST service prevents Cross-Origin Requests with AJAX

Different conversations are taking place concurrently. How can we determine which one is currently being attended to

Symfony seems to be dropping my session unexpectedly during certain requests

How to interrupt a JQuery animation and restart it from the middle?

Displaying postcode on a category page: A step-by-step guide

Display irregularly spaced time samples from a MySQL database on a Google Line Chart using a PHP query

When an element is appended, its image height may sometimes be mistakenly reported as

What is the order of execution for AngularJS directives?

Unlocking Controller Functions in AngularJS Directives: A Step-by-Step Guide

Refreshing a div by replacing its content with text entered into an input field

What could be causing the malfunction with Angular?

Best Practices for Implementing JSON.stringify() with an AJAX Request

Is there a way to capture all ajax responses?