Utilizing JS Underscore for combining and organizing arrays with common keys

Question

Utilizing JS Underscore for combining and organizing arrays with common keys

I am facing a scenario where I have two arrays:

"array_one":
[
    {
    "id": 1,
    "name": One
     },
     {
     "id": 2,
     "name": Two
     }
]

"array_two":
[
    {
    "id": 1,
    "name": Uno
     },
     {
     "id": 3,
     "name": Three
     }
]

My task involves using Underscore to achieve the following objectives:

Replace all objects in array_one with objects that share the same id from array_two.
Add any objects from array_two to array_one if there isn't already an object with their id present.
The replaced objects should maintain their original position in the array.
Any added objects need to be placed at the end of the array.

As a result, the final array should appear as follows:

"array_final":
[
    {
    "id": 1,
    "name": Uno
     },
    {
    "id": 2,
    "name": Two
     },
     {
     "id": 3,
     "name": Three
     }
]

javascript arrays json underscore.js

Answer 1

Answer №1

var array1 = 
[
    {
    "id": 1,
    "name": 'Apple'
     },
     {
     "id": 2,
     "name": 'Banana'
     }
];

var array2 = 
[
    {
    "id": 1,
    "name": 'Manzana'
     },
     {
     "id": 3,
     "name": 'Orange'
     }
];


function compareArrays(arr1, arr2) {
  
  var tempArray = _.map(arr1, function(value) {
    var obj = _.first(_.filter(arr2, function(secondArr) { return secondArr.id === value.id; }));
    return !!obj ? obj : value;
  });
  
  return _.union(tempArray, _.filter(arr2, function(value) { return !_.some(tempArray, function(secondArr) { secondArr.id == value.id }); }));
}

var result = compareArrays(array1, array2);

console.log(result);

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

Answer 2

var array1 = 
[
    {
    "id": 1,
    "name": 'Apple'
     },
     {
     "id": 2,
     "name": 'Banana'
     }
];

var array2 = 
[
    {
    "id": 1,
    "name": 'Manzana'
     },
     {
     "id": 3,
     "name": 'Orange'
     }
];


function compareArrays(arr1, arr2) {
  
  var tempArray = _.map(arr1, function(value) {
    var obj = _.first(_.filter(arr2, function(secondArr) { return secondArr.id === value.id; }));
    return !!obj ? obj : value;
  });
  
  return _.union(tempArray, _.filter(arr2, function(value) { return !_.some(tempArray, function(secondArr) { secondArr.id == value.id }); }));
}

var result = compareArrays(array1, array2);

console.log(result);

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

Answer 3

Answer №2

To create two hash tables using objects, one to track added objects and another for the second array. Then, utilize reduce function to replace objects from the first array if they are found in the second array. Finally, use an additional loop to add the remaining objects from the second array.

var data = {
  "array_one": [{
    "id": 1,
    "name": 'One'
  }, {
    "id": 2,
    "name": 'Two'
  }],
  "array_two": [{
    "id": 1,
    "name": 'Uno'
  }, {
    "id": 3,
    "name": 'Three'
  }]
}

var obj = {}, added = {}
data.array_two.forEach(e => obj[e.id] = e)

var result = {finalArray: data.array_one.reduce(function(r, e) {
  r.push(obj[e.id] ? (added[e.id] = 1, obj[e.id]) : e);
  return r;
}, [])}

for(var i in obj) if(!added[obj[i].id]) result.finalArray.push(obj[i]) 

console.log(result)

Answer 4

To create two hash tables using objects, one to track added objects and another for the second array. Then, utilize reduce function to replace objects from the first array if they are found in the second array. Finally, use an additional loop to add the remaining objects from the second array.

var data = {
  "array_one": [{
    "id": 1,
    "name": 'One'
  }, {
    "id": 2,
    "name": 'Two'
  }],
  "array_two": [{
    "id": 1,
    "name": 'Uno'
  }, {
    "id": 3,
    "name": 'Three'
  }]
}

var obj = {}, added = {}
data.array_two.forEach(e => obj[e.id] = e)

var result = {finalArray: data.array_one.reduce(function(r, e) {
  r.push(obj[e.id] ? (added[e.id] = 1, obj[e.id]) : e);
  return r;
}, [])}

for(var i in obj) if(!added[obj[i].id]) result.finalArray.push(obj[i]) 

console.log(result)

Utilizing JS Underscore for combining and organizing arrays with common keys

Answer №1

Answer №2

Similar questions

Guide to delivering a structured JSON response with predefined data in Golang

Locate a specific word within a sentence using PHP

Validating Java JSON Data Types

Currently, there is a requirement to include past build outcomes in the HTML test report within the playwright

Creating a promise in an AngularJS factory function to perform an operation

How to use jQuery to remove a class from the last entered data in a form

Using JSON strings and the .format() method in Python3

What is the best way to distinguish between brackets in Ruby code?

When I modify the state in Vue.js, the two-way binding feature does not seem to function properly

Update the headers of the axios.create instance that is exported by Axios

Guide to Implementing the GitHub Fetch API Polyfill

Issue with extraneous event being activated upon bootstrap collapse button usage

Before inserting a string into JSON in PHP, the length of the string should be included

Shell scripting can be used to easily replace key values in a JSON file. If

RobotFramework encounters difficulty locating an element using JavaScript

Discovering the final step of a for loop when working with JavaScript objects

Ways to reset the input field of Material UI

filter array based on property value

Is JavaScript utilizing Non-blocking I/O at the operating system level to enable AJAX functionality?

Utilize JQuery's .append() method to insert a new element into the DOM and then trigger an "on click" event within