Looking to combine two objects and generate an array of their values?

Question

Looking to combine two objects and generate an array of their values?

I am faced with a scenario where I have two objects that share the key and value name of DateYMD. My intention is to merge these two objects and generate a new object from them.

Here is the data from the current objects :

[{
          "Id": "1",
          "date": "2024-12-05T00:00:00",
          "DateYMD": 20241205,
          "bookTimeFrom": "2024-12-05T08:00:00",
          "bookTimeTo": "2024-12-05T13:00:00"
        },
        {
          "Id": "2",
          "date": "2024-12-05T00:00:00",
          "DateYMD": 20241205,
          "bookTimeFrom": "2024-12-05T14:00:00",
          "bookTimeTo": "2024-12-05T18:00:00"
        }]

I attempted to use the Object.assign method to accomplish this task, but it did not yield the expected results.

The desired output should look like this :

{
         "date": "2024-12-05T00:00:00",
         "DateYMD": 20241205,
         "Id": ["1","2"],
         "bookTimeFrom": ["2024-12-05T08:00:00", "2024-12-05T14:00:00"],
         "bookTimeTo": ["2024-12-05T13:00:00", "2024-12-05T18:00:00"]
     }

javascript arrays vue.js javascript-objects

Answer 1

Answer №1

Sort values into sets based on object keys and then transform the sets into arrays. Optionally arrange keys depending on whether the final value is an array or not.

const arr = [{
          "Id": "1",
          "date": "2024-12-05T00:00:00",
          "DateYMD": 20241205,
          "bookTimeFrom": "2024-12-05T08:00:00",
          "bookTimeTo": "2024-12-05T13:00:00"
        },
        {
          "Id": "2",
          "date": "2024-12-05T00:00:00",
          "DateYMD": 20241205,
          "bookTimeFrom": "2024-12-05T14:00:00",
          "bookTimeTo": "2024-12-05T18:00:00"
        }]


const sets = arr.reduce((r, obj) => (Object.entries(obj).forEach(([k, v]) => (r[k] ??= new Set).add(v)), r), {});
const out = Object.entries(sets)
  .sort(([_,a], [__,b]) => (a = +(a.size>1), b = +(b.size>1), a - b))
  .reduce((r, [k, v]) => (r[k] = v.size > 1 ? [...v] : [...v][0], r), {})
  

console.log(out);

Answer 2

Sort values into sets based on object keys and then transform the sets into arrays. Optionally arrange keys depending on whether the final value is an array or not.

const arr = [{
          "Id": "1",
          "date": "2024-12-05T00:00:00",
          "DateYMD": 20241205,
          "bookTimeFrom": "2024-12-05T08:00:00",
          "bookTimeTo": "2024-12-05T13:00:00"
        },
        {
          "Id": "2",
          "date": "2024-12-05T00:00:00",
          "DateYMD": 20241205,
          "bookTimeFrom": "2024-12-05T14:00:00",
          "bookTimeTo": "2024-12-05T18:00:00"
        }]


const sets = arr.reduce((r, obj) => (Object.entries(obj).forEach(([k, v]) => (r[k] ??= new Set).add(v)), r), {});
const out = Object.entries(sets)
  .sort(([_,a], [__,b]) => (a = +(a.size>1), b = +(b.size>1), a - b))
  .reduce((r, [k, v]) => (r[k] = v.size > 1 ? [...v] : [...v][0], r), {})
  

console.log(out);

Looking to combine two objects and generate an array of their values?

Answer №1

Similar questions

What is the best way to access a nested promise element in Protractor?

The speed of C# Socket.send function is incredibly sluggish

Implementing a JavaScript function that uses the AJAX method to confirm and update

Mastering the Art of Revealing and Concealing

Using Vue.js to bind a class to a component through a prop

What is the best way to switch between search results shown in an li using AngularJS?

Sending back an array within the onOpen function

Tips for resolving the trigger problem with onChange in the PinInput Component of chakra-ui

Transforming attributes into a JSON format

Verify whether the function is operational using Google Apps Script and Google Web Apps

Issue with Vue: After removing an item from a v-for list, there is a remnant

What are the steps for managing (filtering and organizing) an array of items in a mongodb collection?

Place a drop-down menu inside the input box

Discovering the value of a variable within an object using JavaScript

Adding elements to a JSON array in Javascript

Is there a way to toggle the visibility of a div when transitioning from one page to another and then returning to the original page?

Is storing Vuex state in sessionStorage a secure practice?

Update the image using JavaScript whenever the button is pressed

Develop two varieties of user account models using Mongodb/Mongoose

Is it possible to render array items into separate divs using the .map() method without displaying commas?