打字稿循环遍历对象并通过转换值创建一个新对象

Question

给定以下对象，

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

如何使用 typescript/javascript 将其转换为界面 Hit 的对象？

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

预期结果如下。

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

Answer 1

编写一个映射对象属性的小函数，有点像 map，但用于对象。

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;
}

然后将其应用于您的 fields 属性：

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

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

Answer 2

如果您不需要更通用的解决方案，这将起作用：

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

Answer 3

你可以简单的拆分

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

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

您可以在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[];
}