前端修改树形数据的字段名(一步到位)

有时候,不是因为你没有能力,也不是因为你缺少勇气,只是因为你付出的努力还太少,所以,成功便不会走向你。而你所需要做的,就是坚定你的梦想,你的目标,你的未来,然后以不达目的誓不罢休的那股劲,去付出你的努力,成功就会慢慢向你靠近。

导读:本篇文章讲解 前端修改树形数据的字段名(一步到位),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

    data: [
        {
          title: "江西",
          id: 1,
          children: [
            {
              title: "南昌",
              id: 1000,
              children: [
                {
                  title: "青山湖区",
                  id: 10001
                },
                {
                  title: "高新区",
                  id: 10002
                }
              ]
            },
            {
              title: "九江",
              id: 1001
            },
            {
              title: "赣州",
              id: 1002
            }
          ]
        },
        {
          title: "广西",
          id: 2,
          children: [
            {
              title: "南宁",
              id: 2000
            },
            {
              title: "桂林",
              id: 2001
            }
          ]
        },
        {
          title: "陕西",
          id: 3,
          children: [
            {
              title: "西安",
              id: 3000
            },
            {
              title: "延安",
              id: 3001
            }
          ]
        }
      ]

修改方法(将title修改为label):

现将其数组数据转换为字符串,用replace方法(/g方法是代表替换全局所有)替换之后再转换为json对象即可

this.data = JSON.parse(JSON.stringify(this.data).replace(/"title"/g,'"label"'))
console.log(this.data)

结果:

前端修改树形数据的字段名(一步到位)

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/149765.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!