how to get new array from two array object on basis of their object item id?

merge javascript objects in array with same key
javascript merge array of objects into one object
javascript merge two arrays of objects without duplicates
merge javascript objects in array with same key lodash
merge duplicate objects in array javascript
javascript merge array of objects by property
how to merge two array of objects in typescript
merging two array of objects in angular 6

If I have understood right, you want an updated version of a1 with the new elements coming from a2. One approach for this could be concatenating to a2 all elements of a1 whose ids don't already are on the a2 array, for this we use filter() on a1. Then you can use sort() to get your final result.

a1 = [
  {id:1, name:"parent 1"},
  {id:3, name:"parent 3"},
  {id:4, name:"parent 4"},
  {id:5, name:"parent 5"},
  {id:6, name:"parent 6"}
];

a2 = [
  {id:1, name:"parent 1 Updated"},
  {id:2, name:"parent 2 New"},
  {id:5, name:"parent 5 Updated"}
];

let res = a2.concat(
    a1.filter(x => !a2.find(y => y.id === x.id))
)
.sort((a, b) => a.id - b.id);

console.log(res);

Merge 2 arrays of objects, else { // If the two items are not the same type, return false if (itemType !== So ['John'] is identical to new Array('John') but [10] it’s not the same thing to new Array(10). It is possible to omit the new operator when using the Array constructor. It has the same result so new Array('John') or simply Array('John') are doing the same thing. Remember: use array literals instead of the Array constructor


Try a for loop based on the size of each array

for (i = 0; i < a1.length; i++) { 
  if(a1[i] != null && a2[i] != null && a1[i][id]==a2[i][id])
     {
          a3.push(a1[i]);
    }
}

Check if two arrays or objects are equal with JavaScript, How do I compare two arrays of objects in Lodash? Objects lack many methods that exist for arrays, e.g. map, filter and others. If we’d like to apply them, then we can use Object.entries followed by Object.fromEntries: Use Object.entries(obj) to get an array of key/value pairs from obj. Use array methods on that array, e.g. map.


You could do something like this using reduce and Object.values

const a1=[{id:1,name:"parent 1"},{id:3,name:"parent 3"},{id:4,name:"parent 4"},{id:5,name:"parent 5"},{id:6,name:"parent 6"}],
      a2=[{id:1,name:"parent 1"},{id:2,name:"parent 2"},{id:5,name:"parent 5"}];

const a1map = a1.reduce((r,a) => (r[a.id] = a, r), {}),
      a2map = a2.reduce((r,a) => (r[a.id] = a, r), {}),
      merged = {...a1map, ...a2map};
      
const output = Object.values(merged)

console.log(output)

JavaScript Array Reference, Search the array for an element and returns its position Arrays are Objects. Arrays are a special type of objects. The typeof operator in JavaScript returns "object" for arrays. But, JavaScript arrays are best described as arrays. Arrays use numbers to access its "elements". In this example, person[0] returns John:


Merge two array of objects based on a key, Returns a Array Iteration Object, containing the keys of the original array 1 2 3 3 Array Object. An array can also be created using the Array object. The Array constructor can be passed. A numeric value that represents the size of the array or. A list of comma separated values. The following example shows how to create an array using this method. Example


Professional C# 2012 and .NET 4.5, finally, the idx object is removed from the array with the slice, any elements that weren't found in each set are removed. This makes it an finally each element is mapped to it's value, and you have the merged array. To merge the two arrays on id , assuming the arrays are equal length: const map = new Map(); arr1. Array() Creates a new Array object. Static properties get Array[@@species] The constructor function is used to create derived objects. Static methods Array.from() Creates a new Array instance from arrayLike, an array-like or iterable object. Array.isArray() Returns true if value is an array, or false otherwise. Array.of()


Array methods, Create<string, string, string, int, int, int, double, Tuple<int, int>>("Stephanie", This interface is implemented explicitly, so it is necessary to cast the arrays and whether two tuples or arrays have the same content; IStructuralComparable is {​1} {2}", Id, FirstName, LastName); } public override bool Equals(object obj) { if (obj​  Object.values(obj) Parameters obj The object whose enumerable own property values are to be returned. Return value. An array containing the given object's own enumerable property values. Description. Object.values() returns an array whose elements are the enumerable property values found on the object. The ordering of the properties is the same