Combine two arrays of objects and merge properties using the Ramda library

Question

Combine two arrays of objects and merge properties using the Ramda library

I have two arrays as shown below:

['TAG.u', 'TAG.c']

and the other one is:

[{name:'some',key:'TAG.u'},
{name:'some new', key: 'TAG.b'}, 
{name:'some another' , key:'TAG.c'},
{name: 'some big' , key:'TAG.a'}]

Now I want to combine these two arrays into a new array with a new property selected: true for each matching key and false for others, like this:

result: [{name:'some', key: 'TAG.U', selected: true} ,
{name:'some another' , key:'TAG.c' , selcted: true},
{name:'some new', key: 'TAG.b', selected: false},
{name: 'some big' , key:'TAG.a' , selected: false} ]

Thank you for any assistance.

javascript arrays json ramda.js

Answer 1

Answer №1

Here is how I would approach it:

const merge = curry((words, content) => 
  map(c => assoc('included', contains(c.key, words), c), content)
)

merge(words, content)

While we could potentially refactor this to be point-free, I personally find the current structure clear and concise.

To see this function in action, you can check out the Sample REPL.

Answer 2

Here is how I would approach it:

const merge = curry((words, content) => 
  map(c => assoc('included', contains(c.key, words), c), content)
)

merge(words, content)

While we could potentially refactor this to be point-free, I personally find the current structure clear and concise.

To see this function in action, you can check out the Sample REPL.

Answer 3

Answer №2

If you want to check if the key values of each object in the second array exist in the first array, you can utilize array.map().

var arr1 = ['TAG.u', 'TAG.c'];
var arr2 = [{
    name: 'some',
    key: 'TAG.u'
  },
  {
    name: 'some new',
    key: 'TAG.b'
  },
  {
    name: 'some another',
    key: 'TAG.c'
  },
  {
    name: 'some big',
    key: 'TAG.a'
  }
];

var result = arr2.map(v => {
  v.selected = arr1.indexOf(v.key) > -1;
  return v;
});

console.log(result);

Answer 4

If you want to check if the key values of each object in the second array exist in the first array, you can utilize array.map().

var arr1 = ['TAG.u', 'TAG.c'];
var arr2 = [{
    name: 'some',
    key: 'TAG.u'
  },
  {
    name: 'some new',
    key: 'TAG.b'
  },
  {
    name: 'some another',
    key: 'TAG.c'
  },
  {
    name: 'some big',
    key: 'TAG.a'
  }
];

var result = arr2.map(v => {
  v.selected = arr1.indexOf(v.key) > -1;
  return v;
});

console.log(result);

Answer 5

Answer №3

To merge two lists using a specific function, you can leverage the power of ramda's zipWith

R.zipWith(
  (item, tag) => R.assoc('selected', item.key === tag, item),
  items,
  tags
 )

Answer 6

To merge two lists using a specific function, you can leverage the power of ramda's zipWith

R.zipWith(
  (item, tag) => R.assoc('selected', item.key === tag, item),
  items,
  tags
 )

Combine two arrays of objects and merge properties using the Ramda library

Answer №1

Answer №2

Answer №3

Similar questions

Mastering the art of scrolling and selecting items concurrently using the mouse in Vue

Error 400 encountered in Spring MVC with Ajax

javascript strange behavior observed with multidimensional array

Tips for choosing elements in JavaScript using querySelector even after they've been included in the code using innerHTML

Determine if an object has been submitted in a MEAN / AngularJS application

How come eslint is unable to detect all files within a directory, yet it can detect a single file?

Inject environment variable into SCSS file while using webpack

Ways to extract particular pieces of data from complete JSON response API requests

Utilizing jQuery Autocomplete to access JSON data via an API

Struggling to make cookies stick in IE9

Tips for updating a specific portion of a component in react.js

Each time I invoke the setInterval function, my counter speeds up - using vuejs

Guide on updating property or field names within a personalized JSON serializer

.ajax() triggers a page refresh upon pressing the ENTER key

Issue with Context Menu Not Triggering on Dynamically Added Elements in JQuery

My content is being obstructed by a single-page navigation system

Implementing a Popover Notification When Clicked

Utilizing Angular's ng-repeat directive to dynamically generate images, with the added functionality of attempting to

Personalized tooltips for numerous data sets in Highcharts

Modifying the appearance of radio buttons using jQuery