Converting an array of objects into a dictionary using TypeScript

Question

Converting an array of objects into a dictionary using TypeScript

I'm attempting to convert an array of objects into a dictionary using TypeScript. Below is the code I have written:

let data = [
  {id: 1, country: 'Germany', population: 83623528},
  {id: 2, country: 'Austria', population: 8975552},
  {id: 3, country: 'Switzerland', population: 8616571}
];

let dictionary = Object.assign({}, ...data.map((x) => ({[x.id]: x.country})));

The output that I am currently getting is:

{1: "Germany", 2: "Austria", 3: "Switzerland"}

I want to include the population in the output as well. When I try to modify the code, it results in a syntax error:

let dictionary = Object.assign({}, ...data.map((x) => ({[x.id]: x.country, x.population})));

The desired output should resemble the following:

{
  "1": {
    "country": "Germany",
    "population": 83623528
  },
  "2": {
    "country": "Austria",
    "population": 8975552
  },
  "3": {
    "country": "Switzerland",
    "population": 8616571
  }
}

javascript typescript dictionary collections hashmap

Answer 1

Answer №1

It seems like you might be looking for something along the lines of this:

const info = [
  {id: 1, category: 'Fruits', quantity: 200},
  {id: 2, category: 'Vegetables', quantity: 100},
  {id: 3, category: 'Grains', quantity: 300}
];

const dataMap = Object.fromEntries(info.map(item => [item.id, {category: item.category, quantity: item.quantity}]));

console.log(dataMap);

Answer 2

It seems like you might be looking for something along the lines of this:

const info = [
  {id: 1, category: 'Fruits', quantity: 200},
  {id: 2, category: 'Vegetables', quantity: 100},
  {id: 3, category: 'Grains', quantity: 300}
];

const dataMap = Object.fromEntries(info.map(item => [item.id, {category: item.category, quantity: item.quantity}]));

console.log(dataMap);

Answer 3

Answer №2

If you want to keep both country and population values as an object, you can try using Object.fromEntries:

let data = [
    {id: 1, country: 'Germany', population: 83623528},
    {id: 2, country: 'Austria', population: 8975552},
    {id: 3, country: 'Switzerland', population: 8616571}
];

let dictionary = Object.fromEntries(data.map(({id,...rest}) => ([id, rest]) ));

console.log(dictionary);

If you prefer to return an array without keys:

let data = [
    {id: 1, country: 'Germany', population: 83623528},
    {id: 2, country: 'Austria', population: 8975552},
    {id: 3, country: 'Switzerland', population: 8616571}
];

let dictionary = Object.fromEntries(data.map(({id,...rest}) => ([id, Object.values(rest)]) ));

console.log(dictionary);

Answer 4

If you want to keep both country and population values as an object, you can try using Object.fromEntries:

let data = [
    {id: 1, country: 'Germany', population: 83623528},
    {id: 2, country: 'Austria', population: 8975552},
    {id: 3, country: 'Switzerland', population: 8616571}
];

let dictionary = Object.fromEntries(data.map(({id,...rest}) => ([id, rest]) ));

console.log(dictionary);

If you prefer to return an array without keys:

let data = [
    {id: 1, country: 'Germany', population: 83623528},
    {id: 2, country: 'Austria', population: 8975552},
    {id: 3, country: 'Switzerland', population: 8616571}
];

let dictionary = Object.fromEntries(data.map(({id,...rest}) => ([id, Object.values(rest)]) ));

console.log(dictionary);

Answer 5

Answer №3

You're on the right track, but to complete this task you need to create an object for the id and utilize the rest parameter.

let info = [
  {id: 1, country: 'France', population: 65273578},
  {id: 2, country: 'Italy', population: 60783755},
  {id: 3, country: 'Spain', population: 46704314}
];

let dataMap = Object.assign({}, ...info.map(({
  id,
  ...remaining
}) => ({
  [id]: remaining
})));

console.log(dataMap)

Answer 6

You're on the right track, but to complete this task you need to create an object for the id and utilize the rest parameter.

let info = [
  {id: 1, country: 'France', population: 65273578},
  {id: 2, country: 'Italy', population: 60783755},
  {id: 3, country: 'Spain', population: 46704314}
];

let dataMap = Object.assign({}, ...info.map(({
  id,
  ...remaining
}) => ({
  [id]: remaining
})));

console.log(dataMap)

Converting an array of objects into a dictionary using TypeScript

Answer №1

Answer №2

Answer №3

Similar questions

Can two writable stores in Svelte be set up to subscribe to each other simultaneously?

Creating a custom function that targets a specific element

What could be causing the content in my select box to change only when additional select boxes are introduced?

Display a pop-up when hovering over a layer with react-leaflet

Is there a way to set an antd checkbox as checked even when its value is falsy within an antd formItem?

There seems to be an issue with node.js - headers cannot be set after they have already been sent to

Identification of input change on any input or select field within the current modal using JavaScript

selection menu and advancement gauge

"Encountered an issue: Error occurred while attempting to synchronize Protractor with the page" during the execution of Protractor tests

Utilize AJAX to retrieve the output of a PHP randomizer

Vue + TypeScript prop type issue: "'Foo' is intended as a type, but is being treated as a value in this context."

Transform text that represents a numerical value in any base into an actual number

I am unable to add a new property to the request object in the Express framework

What strategies can I use to steer clear of the pyramid of doom when using chains in fp-ts?

Challenge encountered with asynchronous angular queries

Use the useEffect hook to pass newly updated data to a FlatList component

Tips for translating an HTML webpage from Arabic to English

javascript strange behavior

Developing a TypeScript library for versatile features across multiple projects