typescript loop through object and create a new object by transforming the values

Question

Given the following Object,

const document = {
  id: 'f8bbe6dd-25e3-464a-90e2-c39038d030e5',
  fields:   {
    lastname: 'TestLastName',
    firstname: 'TestFirstName' 
  } 
}

how can I transform it to an object of the interface Hit using typescript/javascript?

export interface Hit {
  id: string;
  fields: { [key: string]: string[] };
}

Expected result is as follows.

document = {
  id: 'f8bbe6dd-25e3-464a-90e2-c39038d030e5',
  fields:   {
    lastname: [
      'TestLastName'
    ],
    firstname: [
      'TestFirstName'
    ]
  } 
}

score 2 · Accepted Answer · 2017-02-09 19:54:00Z

2

Write a little function which maps object properties, sort of like map, but for objects.

type Hash<T> = {[index: string]: T};

function map<T, U>(
  obj: Hash<T>,
  fn: (val: T, prop?: string, obj?: any) => U,
  thisObj?
): Hash<U> {
  const result: Hash<U> = {};

  Object.keys(obj).forEach(key => result[key] = fn.call(thisObj, obj[key], key, obj));

  return result;
}

Then apply this to your fields property:

function transform(obj): Hit {
  const {id, fields} = obj;

  return {id, fields: map(obj.fields, x => [x])};
};

edited Feb 9, 2017 at 19:54

answered Feb 9, 2017 at 19:36

user663031

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

Comments

chrispy · Accepted Answer · 2017-02-09 19:31:15Z

1

This will work if you don't need a more generic solution:

newDocument = {id: document.id, fields: {lastname: [document.fields.lastname], firstname: [document.fields.firstname]} }

answered Feb 9, 2017 at 19:31

chrispy

3,6321 gold badge14 silver badges19 bronze badges

1 Comment

RKG Over a year ago

Thank You for responding. I need a more generic solution though.

Community · Accepted Answer · 2017-05-23 11:45:23Z

0

You can simply split

export interface Hit {
  id: string;
  fields: Field;
}

export interface Field {
  [index: string]:string[];
}

Inspired from below answer you can see at another stachoverflow answer

export interface IMeta{}
export interface IValue{}
export interface IFunkyResponse {
     [index: string]:IValue[];
}
export interface IResponse {
     meta: IMeta;
}

export class Response implements IResponse {
    meta:IMeta;
    values:IValue[];
    books:IValue[];
    anything:IValue[];
}

edited May 23, 2017 at 11:45

CommunityBot

11 silver badge

answered Feb 9, 2017 at 20:20

Aniruddha Das

21.8k27 gold badges104 silver badges135 bronze badges

4 Comments

RKG Over a year ago

Sorry, not sure if you read my question, but your solution is irrelevant to the question I asked.

Aniruddha Das Over a year ago

your problem is [key: string]: string[] line right where key can be anything ?

RKG Over a year ago

Ofcourse, but what does that have any thing to do with splitting the interface? I'm not looking for an interface definition.

Aniruddha Das Over a year ago

try to get some hints from the link I shared. you can create a wild card there. its just reference. if it does not help try something else

Collectives™ on Stack Overflow

typescript loop through object and create a new object by transforming the values

3 Answers 3

Comments

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related