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

The Shopify JSON array is displaying some results, however, there are also empty results being

"Mastering the Art of Placing the VuetifyJS Popover: A Comprehensive

Catching the Selenium NoSuchElementError in JavaScript is impossible

Error occurs when attempting to reference an object from an NPM package

What is the process for changing the state of an array in graphql?

Exploring ways to retrieve item metadata from a Stripe checkout session

What is the process for creating a modal transition?

The issue of linking .then() functions

The controller is unable to provide the output in JSON format within the AJAX response

React SVG not displaying on page

difficulty receiving the information promptly via an AJAX request (utilizing AJAX and the 'for' loop)

Exploring methods to verify a service subscription to a topic provided by a different service

Obtain the identification number and full name from the typeahead feature

extracting information from XML datasets

Retrieving JSON data from a URL using Volley within an Android Fragment

Selenium on Sauce Labs does not successfully load the page in Firefox after clicking

React Ant Design: Toggle Visibility of Columns

Having difficulty updating the state with editorState retrieved from the server in ReactJs when using draftJs

Displaying an HTML string on a webpage

What is the process for accessing a particular field in the data returned by the collection.find method in Expressjs and mongodb