javascript - js递归如何生成该数据的预览json格式?

Question

需求就是通过json生成json，简化后的格式如下，如何通过递归的方式生成这些数据表示的最终格式？求教

//这个是各个类型生成的默认值const defaultVal = {    string:"默认值",    int:1,    float:0.1,    double:10.34,    boolean:false,    array:null}

//这个是json待转化的[    {        "type": "object",        "propertyName": "user",        "children": [            {                "type": "string",                "propertyName": "name",                "children": null            },            {                "type": "int",                "propertyName": "age",                "children": null,                            },            {                "type": "array",                "propertyName": "data",                "children": [                    {                        "type": "object",                        "name": "name",                        "children": null                    }                ]            }        ]    }]

//上述转化结果为：{    name:'默认值',    age:1,    data:[{}]}

Answer 1

const parseJson = (json: any) => {    if (Array.isArray(json)) {        const result = [] as any;        for (const item of json) {            if (item.propertyType === 'object') {                const obj = {} as any;                if (item.children) {                    for (const child of item.children) {                        if (child.propertyName) {                            obj[child.propertyName] = parseJson(child);                        }                    }                }                result.push(obj);            } else if (item.propertyType === 'array') {                const arr = parseJson(item.children);                if (arr && arr.length > 0) {                    result.push(arr);                } else {                    result.push(defaultVal[item.propertyType]);                }            } else {                result.push(defaultVal[item.propertyType]);            }        }        return result && result.length ? result : [];    } else if (json.propertyType === 'object') {        const obj = {} as any;        for (const child of json.children) {            if (child.propertyName) {                obj[child.propertyName] = parseJson(child);            }        }        return obj;    } else if (json.propertyType === 'array') {        return parseJson(json.children);    } else {        return defaultVal[json.propertyType];    }}

一种实现方式，试了下还可以，不知道有没有更好的方法

Answer 2

根据判断数据类型，下面简单的判断力一下，针对float等再详细判断

let data = {  name: "张三",  age: 15,  i: 19.8,  score: [{ english: 89.5, chinese: 97.0 }],};let list = this.getData(data, []);console.log(list)

getData(data, list) {  let obj = {};  for (let key in data) {    obj = {      type: typeof data[key],      propertyName: key,      children: null,    };    if (typeof data[key] !== "object") {      // 不是对象和数组      list.push(obj);    } else {      obj.children = [];      if (data[key] instanceof Array) {        data[key].forEach((item) => {          obj.children = this.getData(item,obj.children);        });      }      list.push(obj);    }  }  return list},``

Answer 3

function toData(rule, defVal, init) {    const copy = val => JSON.parse(JSON.stringify(val));    const initial = init ?? copy(defVal[rule.type]);    return rule.children ? rule.children.reduce((res, v) => {      if(Array.isArray(res)) res.push(toData(v, defVal));      else if({}.toString.call(res) == '[object Object]') toData(v, defVal, res[v.propertyName] = copy(defVal[v.type]))      return res;  }, initial) : initial;}toData(  {    "type": "object",    "propertyName": "user",    "children": [      {        "type": "string",        "propertyName": "name",        "children": null      },      {        "type": "int",        "propertyName": "age",        "children": null,      },      {        "type": "array",        "propertyName": "data",        "children": [          {            "type": "object",            "name": "name",            "children": null          }        ]      }    ]  },  {    string:"默认值",    int:1,    float:0.1,    double:10.34,    boolean:false,    array:[],    object: {},  })