在JavaScript中部分复制对象数组的最优雅方法是什么

Question

I have two arrays of objects. arrayOne contain items type of myObject1 :

var myObject1 = {
  Id: 1, //key
  params: { weight: 52, price: 100 },
  name: "",
  role: ""
};

arrayTwo contained items type of myObject2 :

var myObject2 = {
      Id: 1, //key
      name: "real name",
      role: "real role"
    };

I want to copy all names and roles from arrayTwo to arrayOne . id is the key, both arrays contains myObjects with that is mached by 'id`.

Answer 1

If the two arrays are guaranteed to be congruent, then with the use of jQuery.extend() , the code is trivial :

$.each(arrayOne, function(i, obj) {
    $.extend(obj, arrayTwo[i]);
});

Answer 2

A solution that runs in linear time.

 var arrayOne; // Array containing objects of type myObject1 var arrayTwo; // Array containing objects of type myObject2 var tempObj = {}; // Transform arrayOne to help achieve a better performing code arrayOne.forEach(function(obj){ tempObj[obj.id] = obj; }); // Runs on linear time O(arrayTwo.length) arrayTwo.forEach(function(obj){ // Note, since I'm not adding any thing to the arrayTwo // I can modify it in this scope var match = tempObj[obj.id]; if(match){ // If a match is found obj.name = match.name; obj.role = match.role; } });