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

Guide to asynchronously loading images with Bearer Authorization in Angular 2 using NPM

"Angular application experiencing navigation blockage due to multiple concurrent HTTP requests using RxJS - Implementation of priority-based cancel queue

Dealing with a nested object problem in Angular using TypeScript

Is it possible to automatically refresh a webpage with the same URL when accessed on the same server?

Working with dynamic checkbox values in VueJS 2

Bring in a 3-dimensional model using JSONLoader in three.js

React - How to Close Material-UI Drawer from a Nested Menu

Issues with applying styles to custom components in styled-components

What is the best way to add an element from a parent component to an array within a child component in a Vue 3 application?

Creating URL query parameters for a nested REST API: A step-by-step guide

What is the best method for transferring data from Firestore into a Vue CLI project?

The extend keyword in TypeScript causing issues with type inference

Google Maps in Angular is not showing up

Tips for augmenting cell with additional data in react-datepicker

Guide on waiting for an asynchronous function in the constructor in JavaScript

Tips for effectively handling unique properties of a React component (such as Redux integration and custom CSS) when sharing through NPM distribution

How to set default props in Vue Select component?

Remain on the current webpage following the submission of comparable ajax-forms

Deactivate the submission button when there are no search results in typeahead.js

When the Ajax "GET" request is made to the intra-service, the CMS service worker will respond with an "OK" even when offline