主页 / 问题 / 1072750
Accepted
Marina
Asked:2020-01-22 05:04:05 +0000 UTC2020-01-22 05:04:05 +0000 UTC

将类型化对象转换为 TypeScript

  • 772

你能告诉我如何TypeScript obj转换成newObj？

 interface Range {
  date: string;
  size: number;
  temp: [{
    name: string | null;
    text: string | null
  } | []];
}


let obj: Range[] = [{
    "date": "2020-01-20",
    "size": 8,
    "temp": [{
        "name": "aaa",
        "text": "AAA",
      },
      {
        "name": "bbb",
        "text": "BBB",
      },
      {
        "name": "ccc",
        "text": "CCC",
      }
    ]
  },
  {
    "date": "2020-01-21",
    "size": 7,
    "temp": []
  }
];

let newObj = [{
    "date": "2020-01-20",
    "size": 8,
    "prop": true,
    "name": "aaa",
    "text": "AAA"
  },
  {
    "date": "2020-01-20",
    "size": 8,
    "prop": true,
    "name": "bbb",
    "text": "BBB"
  },
  {
    "date": "2020-01-20",
    "size": 8,
    "prop": true,
    "name": "ccc",
    "text": "CCC"
  },
  {
    "date": "2020-01-21",
    "size": 7,
    "prop": false,
    "name": null,
    "text": null
  }
];
javascript

1 个回答

  1. Best Answer

    有一个沙箱

    处理类型

    interface $range {
    date: string;
    size: number;
    temp: $temp;
}
type $rangeList = $range[];

interface $tempObj {
    name: string | null;
    text: string | null;
}
type $temp = $tempObj[];

// --> так
interface $rangeB {
    date: string;
    size: number;
    prop: boolean;
    name: $tempObj['name'];
    text: $tempObj['text'];
}
// или
// type $rangeB = Omit<$range, 'temp'> & $tempObj & { prop: boolean };
type $rangeBList = $rangeB[];

    编写转换函数

    
type $range2rangeBList = (range: $range) => $rangeBList
const range2rangeBList: $range2rangeBList = range =>
    Array.from(range.temp, ({ name, text }) => ({
        name, text,
        date: range.date,
        size: range.size,
        prop: false,
    } as $rangeB))

const matrix2arr = (matrix: any[][]): any[] =>
    matrix.reduce((arr, q, i) => (arr.push(...matrix[i]),arr), [])

type $rangeList2rangeBList = (list: $rangeList) => $rangeBList
const rangeList2rangeBList: $rangeList2rangeBList = list =>
    matrix2arr(
        list.map(range2rangeBList)
    )

    检查

    let range: $rangeList = [
    {
        date: "2020-01-20",
        size: 8,
        temp: [{
            "name": "aaa",
            "text": "AAA",
        },
        {
            "name": "bbb",
            "text": "BBB",
        },
        {
            "name": "ccc",
            "text": "CCC",
        }
        ]
    },
    {
        date: "2020-01-21",
        size: 7,
        temp: []
    }
];

const newObj = rangeList2rangeBList(range)
console.log(newObj)

    你可以在这里运行它

    "use strict";
const range2rangeBList = range => Array.from(range.temp, ({ name, text }) => ({
    name, text,
    date: range.date,
    size: range.size,
    prop: false,
}));
const matrix2arr = (matrix) => matrix.reduce((arr, q, i) => (arr.push(...matrix[i]), arr), []);
const rangeList2rangeBList = list => matrix2arr(list.map(range2rangeBList));
let range = [
    {
        date: "2020-01-20",
        size: 8,
        temp: [{
                "name": "aaa",
                "text": "AAA",
            },
            {
                "name": "bbb",
                "text": "BBB",
            },
            {
                "name": "ccc",
                "text": "CCC",
            }
        ]
    },
    {
        date: "2020-01-21",
        size: 7,
        temp: []
    }
];
const newObj = rangeList2rangeBList(range);
console.log(newObj);

    • 1

相关问题