One efficient way to iterate through an object and modify its values in a single line of code

Question

One efficient way to iterate through an object and modify its values in a single line of code

_shop: { [key: string]: string[] } = { fruits: ['Apple', 'Orange'], vegetables: ['Tomato', 'Onions'] }

Can a one-liner code be used to modify the values of _shop and return it in a specific format?

The desired output should look like the following.

{
    "fruits": [
        {
            "name": "Apple",
            "isRotten": false
        },
        {
            "name": "Orange",
            "isRotten": false
        }
    ],
    "vegetables": [
        {
            "name": "Tomato",
            "isRotten": false
        },
        {
            "name": "Onions",
            "isRotten": false
        }
    ]
}

This is my solution:

myShop: { [key: string]: any } = {}

Object.keys(_shop).forEach((key) =>
    myShop[key] = _shop[key].map((item) => ({ name: item, isRotten: false }))
)

typescript

Answer 1

Answer №1

It appears that your code snippet accomplishes the task, however, for a more concise solution you could consider implementing something like this (with line breaks for readability):

myShop = Object.fromEntries(
  Object.entries(_shop).map(([k, v]) => 
    [k, v.map(item => ({name: item, isRotten: false}))]
  )
)

In my opinion, using such constructs should be avoided as they can make code harder to understand and maintain...

Answer 2

It appears that your code snippet accomplishes the task, however, for a more concise solution you could consider implementing something like this (with line breaks for readability):

myShop = Object.fromEntries(
  Object.entries(_shop).map(([k, v]) => 
    [k, v.map(item => ({name: item, isRotten: false}))]
  )
)

In my opinion, using such constructs should be avoided as they can make code harder to understand and maintain...

One efficient way to iterate through an object and modify its values in a single line of code

Answer №1

Similar questions

Declaring Typescript modules across multiple .d.ts files

A guide to retrieving the types of optional properties within a class or interface using Typescript

Updating the style of different input elements using Angular's dynamic CSS properties

Issue: Incompatibility in metadata versions detected for module .../ngx-masonry/ngx-masonry.d.ts. Level 4 version identified, whereas level 3 version

Issues encountered while attempting to update data in angular2-datatable

Retrieving the value from a string Enum in Angular based on an integer

Guide for integrating CryptoJS with Angular 2 and TypeScript within a WebPack build setup

Enhancing TypeScript Native Interface Properties in TypeScript 2.4

Postgres Array intersection: finding elements common to two arrays

Using Vue in conjunction with TypeScript and CSS modules

Definition files (.d.ts) for JavaScript modules

When attempting to utilize expo-av in a React-Native project on iOS, the recorded MP4 file encountered an issue when trying to submit it as form data for Open

When working with Typescript, it's important to handle errors properly. One common error you might encounter is: Error:(54, 33) TS2686: 'fabric' refers to a UMD global, but the current file is a module

Getter and Setter Implementation in Typescript without Using Classes

The RxJs Observer connected to a websocket only triggers for a single subscriber

Can all objects within an interface be iterated through in order to retrieve both the key and its corresponding value?

Modifying the functionality of "use-input" in Vue.js

In ReactJS with TypeScript, declaring a constant response after calling the login function using the await keyword

Unable to include option object in the SHA3 function using typescript

Type Error TS2322: Cannot assign type 'Object[]' to type '[Object]'