多级嵌套数组对象更改key-递归比JSON.stringfy操作字符快近20倍

最新推荐文章于 2023-07-08 16:49:02 发布

光年之外_宇

最新推荐文章于 2023-07-08 16:49:02 发布

阅读量729

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/sxyccnvmm/article/details/115690344

版权

在这里插入图片描述一直以为递归代码量多，操作字符代码量少，以为操作字符会更快，
故使用数据实际验证,递归更快

el-cascader层级数据，将后台字段key更改为label，value

在这里插入图片描述递归新增key: 时间在0.3～0.6ms之间

转字符串（JSON.parse(JSON.stringfy())）：时间在10～20ms之间

在这里插入图片描述
方法一：递归更改或者新增key

// An highlighted block
console.log('%c 处理340条层级数据，2个方法耗费时间对比','color:red')

console.log('340条数据', val)
console.time()

function rewriteKey(val){
    val.forEach(item => {
      item.label = item.permissionName
      item.value = item.permissionId
      if(item.children){
        rewriteKey(item.children)
      }
    })
}
rewriteKey(val)

console.timeEnd()
console.log('%c 上面为递归方法耗时','color:#409EFF')
console.log('%c 转换后一条数据' + JSON.stringify(val[0]), 'color:#409EFF')

方法二：操作字符，将数组stringfy后，替换key,后转为数组

// An highlighted block
console.time()
let i = val && JSON.stringify(val).replace(/permissionName/g,'label2')
let i2 = i && i.replace(/permissionId/g, 'value2')
this.parentSelectArr = i2 && JSON.parse(i2)
console.timeEnd()
console.log('%c 上面为先将数组转为字符串，使用replace替换字段名，后转为数组方法耗时','color:#00965e')
console.log('%c 转换后一条数据' + JSON.stringify(this.parentSelectArr[0]), 'color:#00965e')