Utilizing Lodash to update values of elements by chaining or mapping from a different array

Question

Utilizing Lodash to update values of elements by chaining or mapping from a different array

How can I update the values of elements in an array with data values from another array, using Lodash

var Master_Array [
{ Name: "Jon", Region: "North America & Caribbean" },
{ Name: "Ruan", Region: "Asia Pacific" }
]

var Regions_Map = [
{ Region: 'Europe', NewRegion: 'EMEA' },
{ Region: 'North America & Caribbean', NewRegion: 'NAC' },
{ Region: 'Asia Pacific', NewRegion: 'APAC' }
]

I believe this can be accomplished with:

_.chain()
.mapValues( ...blá blá... )
.values()
.value();

Expected outcome:

var Master_Array [
{ Name: "Jon", Region: "NAC" },
{ Name: "Ruan", Region: "APAC" }
]

javascript arrays json underscore.js lodash

Answer 1

Answer №1

When iterating over a collection, there is no need to use mapValues. This method is more suitable for iterating over objects and mapping them to another.

For the first approach, if you want to create a new array with your desired items, you can use map as shown below:

var EXPECTED_RESULT = _.map(Master_Array, function(item){
    var newItem = {};
    newItem.Name = item.Name;
    newItem.Region = _.find(Regions_Map, {Region: item.Region}).NewRegion
    return newItem;
});

If you wish to modify the existing array, you can loop over it using lodash or regular JavaScript loop and perform the necessary operations.

_.each(Master_Array,function(item){
    item.Region = _.find(Regions_Map, {Region: item.Region}).NewRegion
} )

Answer 2

When iterating over a collection, there is no need to use mapValues. This method is more suitable for iterating over objects and mapping them to another.

For the first approach, if you want to create a new array with your desired items, you can use map as shown below:

var EXPECTED_RESULT = _.map(Master_Array, function(item){
    var newItem = {};
    newItem.Name = item.Name;
    newItem.Region = _.find(Regions_Map, {Region: item.Region}).NewRegion
    return newItem;
});

If you wish to modify the existing array, you can loop over it using lodash or regular JavaScript loop and perform the necessary operations.

_.each(Master_Array,function(item){
    item.Region = _.find(Regions_Map, {Region: item.Region}).NewRegion
} )

Answer 3

Answer №2

One way to approach this problem is by using the combination of map and find:

var Employees = [
{ Name: "Jon", Region: "North America & Caribbean" },
{ Name: "Ruan", Region: "Asia Pacific" }
];

var Regions_Map = [
{ Region: 'Europe', NewRegion: 'EMEA' },
{ Region: 'North America & Caribbean', NewRegion: 'NAC' },
{ Region: 'Asia Pacific', NewRegion: 'APAC' }
];

Employees = Employees.map((person) => ({
  Name: person.Name,
  Region: Regions_Map.find((region) => region.Region === person.Region).NewRegion
}));

console.log(Employees);

Answer 4

One way to approach this problem is by using the combination of map and find:

var Employees = [
{ Name: "Jon", Region: "North America & Caribbean" },
{ Name: "Ruan", Region: "Asia Pacific" }
];

var Regions_Map = [
{ Region: 'Europe', NewRegion: 'EMEA' },
{ Region: 'North America & Caribbean', NewRegion: 'NAC' },
{ Region: 'Asia Pacific', NewRegion: 'APAC' }
];

Employees = Employees.map((person) => ({
  Name: person.Name,
  Region: Regions_Map.find((region) => region.Region === person.Region).NewRegion
}));

console.log(Employees);

Answer 5

Answer №3

Here is a clever javascript code solution

var Master_Array = [
{ Name: "Jon", Region: "North America & Caribbean" },
{ Name: "Ruan", Region: "Asia Pacific" }
];
var Regions_Map = [
{ Region: 'Europe', NewRegion: 'EMEA' },
{ Region: 'North America & Caribbean', NewRegion: 'NAC' },
{ Region: 'Asia Pacific', NewRegion: 'APAC' }
];


var result = [];
Master_Array.forEach(function(data){
  var temp = Regions_Map.filter(function(map){
    if(map.Region === data.Region){
      return map;
    }
  });
  if(temp){
  result.push({
        Name : data.Name,
        NewRegion: temp[0].NewRegion
      });
  }
});

console.log(result);

Answer 6

Here is a clever javascript code solution

var Master_Array = [
{ Name: "Jon", Region: "North America & Caribbean" },
{ Name: "Ruan", Region: "Asia Pacific" }
];
var Regions_Map = [
{ Region: 'Europe', NewRegion: 'EMEA' },
{ Region: 'North America & Caribbean', NewRegion: 'NAC' },
{ Region: 'Asia Pacific', NewRegion: 'APAC' }
];


var result = [];
Master_Array.forEach(function(data){
  var temp = Regions_Map.filter(function(map){
    if(map.Region === data.Region){
      return map;
    }
  });
  if(temp){
  result.push({
        Name : data.Name,
        NewRegion: temp[0].NewRegion
      });
  }
});

console.log(result);

Utilizing Lodash to update values of elements by chaining or mapping from a different array

Answer №1

Answer №2

Answer №3

Similar questions

Guide on Adding Tawk.to Widget to Your Next.JS Website

Angular not recognizing draggable true functionality

Using Laravel to set cookies with Ajax

Is Jacksson up to the task of managing enums?

Could you offer assistance in resolving the error I am encountering with the collection.get() function?

Switch the checkbox to a selection option

What is the reason for AngularJS's inclusion of a colon at the end of a data object in an $http post

The error message says: "VueComponent.filterKategori function cannot read property 'filter' because it is undefined at line 16260 in app.js."

The 401 error code does not provide a JSON response

Developing a matrix array in Python

Activating Anchor's Pseudo Content on Hover of Another Element

Make the background disappear when the text field is left empty and the cursor is not present (onUnfocus)

Embed API requests using JavaScript's Axios library to ensure the correct promise is returned

Remove information using Axios in ReactJS by interacting with an API

Employing getters in the toObject() method

What are some effective strategies for bypassing CORS requirements in Vue client-side and server-side applications?

Vanish and reappear: Javascript block that disappears when clicked and shows up somewhere else

Issues with Firebase-admin preventing writing to the database are occurring without any error messages being displayed

Decoding JSON data using Ruby on Rails

Verify the position of the scrollbar without triggering any reflow