Sign Up

Have an account? Sign In Now

Sign In

Forgot Password?

Don't have account, Sign Up Here

Forgot Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Have an account? Sign In Now

You must login to ask question.

Forgot Password?

Need An Account, Sign Up Here

Please briefly explain why you feel this question should be reported.

Please briefly explain why you feel this answer should be reported.

Sign InSign Up

Softans

Softans Logo Softans Logo
Search
Ask A Question

Mobile menu

Close
Ask a Question
  • Home
  • Add group
  • Groups page
  • Communities
  • Questions
    • New Questions
    • Trending Questions
    • Must read Questions
    • Hot Questions
  • Polls
  • Tags
  • Badges
  • Users
  • Help
Home/ Questions/Q 1697
Gary Christan
Gary Christan
Asked: May 11, 20222022-05-11T13:51:19+00:00 2022-05-11T13:51:19+00:00

How to generically map over values of object in TypeScript (where object keys are a string union)?

Suppose I have two types:

type Credentials = {
  Username: string;
  Password: string;
};

type XmlCredentials = { [k in keyof Credentials]: { _text: string } };

and I want to convert from Credentials to XmlCredentials, wrapping string values of input properties with { _text: _ } object.

I can easily do this manually:

const convertNonGenericManual = (input: Credentials): XmlCredentials => ({
  Username: {
    _text: input.Username,
  },
  Password: {
    _text: input.Password,
  },
});

but this gets cumbersome and repetitive when input types has many properties.

I tried writing the function without repetition:

const convertNonGenericManual = (input: Credentials): XmlCredentials => {
  // TODO this does not type check
  return Object.fromEntries(Object.entries(input).map(([key, value]) => [key, { _text: value }]));
};

And even generically:

const convertGeneric = <T extends readonly string[]>(input: { [k in T[number]]: string }): { [k in T[number]]: { _text: string }; } => {
  // TODO this does not type check
  return Object.fromEntries(Object.entries(input).map(([key, value]) => [key, { _text: value }]));
};

But I was unable to get it to type-check in either case.

Is it possible to achieve this without writing boilerplate code?

Edit:

I think that the problem reduces to being able to iterate over a tuple and having the narrow type in each iteration, which I imagine might not be possible:

const values = ["k1", "k2"] as const;
for (const v of values) {
  // we'd need `v` to have type `"v1"` during first iteration and `"v2"` during second iteration - probably impossible
}

typescript

objectstringtypescript
  • 0
  • 0 0 Answers
  • 7 Views
  • 0 Followers
  • 0
Answer
Share
  • Facebook
  • Report
Leave an answer

Leave an answer
Cancel reply

Browse
Browse

Sidebar

Ask A Question

Recent Jobs

  • 9t5

    Jobs in Lahore

    • Anywhere
    • 9t5
    • Full Time
  • DPL

    Latest Jobs at DPL

    • Multiple
    • DPL
  • Smedia

    QA Consultant (Remote Job)

    • Remote
    • Smedia
  • Popular
  • Answers
  • Ghulam Nabi

    Why are the British confused about us calling bread rolls ...

    • 5 Answers
  • Ghulam Nabi

    Is this statement, “i see him last night” can be ...

    • 4 Answers
  • Alex

    application has failed to start because no appropriate graphics hardware ...

    • 4 Answers
  • Jesson Holder
    Jesson Holder added an answer You need to publish a version of your container. If it is… May 23, 2022 at 5:30 am
  • David Smith
    David Smith added an answer Well this seems to work, so it tells me I… May 17, 2022 at 1:05 pm
  • Jesson Holder
    Jesson Holder added an answer And I believe it means that we skip first 8… May 17, 2022 at 9:14 am

Trending Tags

android cypress flutter java javascript language python selenium typescript ubuntu

Top Members

Robert

Robert

  • 3 Questions
  • 1k Points
Luci

Luci

  • 5 Questions
  • 1k Points
Kevin O Brien

Kevin O Brien

  • 2 Questions
  • 1k Points

Explore

  • Home
  • Add group
  • Groups page
  • Communities
  • Questions
    • New Questions
    • Trending Questions
    • Must read Questions
    • Hot Questions
  • Polls
  • Tags
  • Badges
  • Users
  • Help

Footer

Softans

Softans is a social questions & Answers Engine which will help you establish your community and connect with other people.

About Us

  • Blog
  • Jobs
  • About Us
  • Meet The Team
  • Contact Us

Legal Stuff

Help

Follow

© 2021 Softans. All Rights Reserved
With Love by Softans.

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.