Typescript - iterating in order to parse/refine an Object

Question

I am trying to parse an object to refine the unnecessary data - in this case I get an error at rtn[key], and I have no understanding of why. Please read the tl;dr for some more context and thanks in advance;

type TValueCar = { make: { value: string }; model: { value: string } };
type TCarKey = keyof TValueCar;
type TCar = { make: { value: string }; model: { value: string } };

const parseCarValueObject = (valueObject: TValueCar): TCar => {
  const ObjectKeys = Object.keys(valueObject) as TCarKey[];

  const rtn = {} as TCar;
  ObjectKeys.forEach((key) => {
    rtn[key] = valueObject[key].value;
  });

  return rtn;
};

tl;dr I am hoping to create a generic version of this function, and this is the first stage in my attempt. I realise that there is an easier way of solving this which doesn't would be very simple but wouldn't be helpful in my attempt to create the generic function. [Extract below]

const rtn = {
    make:valueObject.make.value,
    model:valueObject.model.value
}

Yago Biermann · Accepted Answer · 2022-06-23 02:46:40Z

2

In this line

rtn[key] = valueObject[key].value;

You are trying to assign the string of value from valueObject to the type TCar that expects an object of type { value: "something" }, this is why you're getting this error.

try to simply remove the access to value in order to assign the whole object to your rtn variable.

const parseCarValueObject = (valueObject: TValueCar): TCar => {
  const ObjectKeys = Object.keys(valueObject) as TCarKey[];

  const rtn = {} as TCar;
  ObjectKeys.forEach((key) => {
    // It should works now
    rtn[key] = valueObject[key];
  });

  return rtn;
};

See the example on typescript playground

answered Jun 23, 2022 at 2:46

Yago Biermann

1,8431 gold badge12 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

moroncodes Over a year ago

Thanks, this has worked now. My error was actually just writing TCar incorrectly it should have been type TCar = { make: string; model: string }; but either way you have cleared things up for me. Thanks @Yago Biermann

Collectives™ on Stack Overflow

Typescript - iterating in order to parse/refine an Object

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related