JSON文件转Tree结构

JSON文件转Tree结构


export function parseJson (treeData) { 
  let resultJsonArray = [];
    let data = treeData;
    let obj =  parseObj(data)
    resultJsonArray.push.apply(resultJsonArray, obj);
  return resultJsonArray;
}

function getElement (key, value) {
  let element = {title:"", key:""};
  element.title = key;
  if (typeof value == "string" || typeof value == "number" || typeof value == "boolean") {
    element.key = uuid(8,16);
  } else {
    element.key = uuid(8,16);
    if ( value instanceof Array) {
      for (let j = 0; j < value.length; j++) {
        let obj = value[j];
        element.children=[]
        element.children.push.apply(element.children, parseObj(obj));
      }
    } else {
      element.children=[]
      element.children.push.apply(element.children, parseObj(value));
    }
  }

  return element;
}

function parseObj (jsonObj) {
  let element = [];
  for (var key in jsonObj) {
    let value = jsonObj[key];
    let obj = getElement(key, value);
    element.push(obj);
  }
  return element;
}
function uuid (len, radix)  {
  var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
  var uuid = [], i;
  radix = radix || chars.length;

  if (len) {
    // Compact form
    for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
  } else {
    // rfc4122, version 4 form
    var r;

    // rfc4122 requires these characters
    uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
    uuid[14] = '4';

    // Fill in random data.  At i==19 set the high bits of clock sequence as
    // per rfc4122, sec. 4.1.5
    for (i = 0; i < 36; i++) {
      if (!uuid[i]) {
        r = 0 | Math.random() * 16;
        uuid[i] = chars[(i === 19) ? (r & 0x3) | 0x8 : r];
      }
    }
  }

  return uuid.join('');
}

调用

import {parseJson} from '@/util/jsonParse.js'
parseJson(jsonString)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值