Is there a way to transform array and object into a new result in JavaScript by inverting them?

Question

Is there a way to transform array and object into a new result in JavaScript by inverting them?

Embarking on a new project, I find myself in unfamiliar territory. The data at hand is structured as follows:

{
  domain1.com: [
    { city: "New-York" },
    { city: "Denver" },
    { city: "Las-Vegas" },
    { city: "Boston" },
  ]
},
{
  domain2.com: [
    { city: "Miami" },
    { city: "Las-Vegas" },
    { city: "Boston" },
  ]
},
{
  domain3.com: [
    { city: "New-York" },
    { city: "Miami" },
    { city: "Las-Vegas" },
    { city: "Chicago" },
  ]
}

The challenge now presents itself - can we restructure this data to form a list where each city is paired with its associated domain names? Consider the desired output below:

{
  New-York: [
    { domain: "domain1.com" },
    { domain: "domain3.com" },
  ]
},
{
  Denver: [
    { domain: "domain1.com" },
  ]
},
{
  Las-Vegas: [
    { domain: "domain1.com" },
    { domain: "domain2.com" },
    { domain: "domain3.com" },
  ]
},
{
  Boston: [
    { domain: "domain1.com" },
    { domain: "domain2.com" },
  ]
},
{
  Miami: [
    { domain: "domain2.com" },
    { domain: "domain3.com" },
  ]
},
{
  Chicago: [
    { domain: "domain3.com" },
  ]
},

javascript arrays javascript-objects

Answer 1

Answer №1

Any additional comments would be appreciated. I devised this solution quickly

const data = [
  {
    "domain1.com": [
      { city: "New-York" },
      { city: "Denver" },
      { city: "Las-Vegas" },
      { city: "Boston" }
    ]
  },
  {
    "domain2.com": [
      { city: "Miami" },
      { city: "Las-Vegas" },
      { city: "Boston" }
    ]
  },
  {
    "domain3.com": [
      { city: "New-York" },
      { city: "Miami" },
      { city: "Las-Vegas" },
      { city: "Chicago" }
    ]
  }
];

const cities = {};

data.forEach((domainObject) => {
  const domain = Object.keys(domainObject)[0];
  const currentCities = domainObject[domain];
  currentCities.forEach((cityObject) => {
    const city = cityObject.city;
    if (Array.isArray(cities[city])) {
      cities[city].push(domain);
    } else {
      cities[city] = [domain];
    }
  });
});

const result = [];

Object.entries(cities).map(([key, value]) => {
  result.push({ [key]: value });
});

console.log(result)

Answer 2

Any additional comments would be appreciated. I devised this solution quickly

const data = [
  {
    "domain1.com": [
      { city: "New-York" },
      { city: "Denver" },
      { city: "Las-Vegas" },
      { city: "Boston" }
    ]
  },
  {
    "domain2.com": [
      { city: "Miami" },
      { city: "Las-Vegas" },
      { city: "Boston" }
    ]
  },
  {
    "domain3.com": [
      { city: "New-York" },
      { city: "Miami" },
      { city: "Las-Vegas" },
      { city: "Chicago" }
    ]
  }
];

const cities = {};

data.forEach((domainObject) => {
  const domain = Object.keys(domainObject)[0];
  const currentCities = domainObject[domain];
  currentCities.forEach((cityObject) => {
    const city = cityObject.city;
    if (Array.isArray(cities[city])) {
      cities[city].push(domain);
    } else {
      cities[city] = [domain];
    }
  });
});

const result = [];

Object.entries(cities).map(([key, value]) => {
  result.push({ [key]: value });
});

console.log(result)

Is there a way to transform array and object into a new result in JavaScript by inverting them?

Answer №1

Similar questions

What could be causing my 2D integer array to encounter a segmentation fault when using malloc?

AnimationHandler does not animate the Three.js Mesh

The value of the cookie is not set (version 2.0.6 of react-cookie)

Exploring the complexities of working with arrays of diverse objects in Swift

Tips for creating a dynamic menu item that stands out with a highlighted style

What is the best way to update my real-time search results by clicking on the clear button inside the search input field using JavaScript?

Can a key event be activated on the DOM Window using Javascript or JQuery?

Transmitting PHP variable to JavaScript using Callback Method

Using a variety of layouts with express-ejs-layout

Activate Button upon Textbox/Combobox/RadDatePicker Modification through JavaScript

How do I go about developing a function in processing that can identify the maximum value in a given array?

Is it possible to utilize JavaScript on a mobile website for item counting purposes?

Leveraging the Scroll feature in Bootstrap for smooth scrolling

Issue with simulating keydown events in Material UI Popover

Is it possible to utilize the Node.JS PassThrough stream as a straightforward input buffer?

AngularJS - the element of surprise in execution sequence

Can you suggest a method using Lodash to remove specific rows from an array based on the value of a certain field within the array?

Accessing External Sites Remotely: A Guide to Logging in with Wix

ReactJS does not update the conditional CSS class when hovering with mouseOnEnter or mouseOnOver

Is array.push not functioning properly?