修改后端返回的json树形数据的字段名

最新推荐文章于 2023-07-12 09:55:13 发布

米硕

最新推荐文章于 2023-07-12 09:55:13 发布

阅读量1.3k

点赞数

文章标签： JSON.parse JSON.stringify 字段替换数据转换正则表达式

本文链接：https://blog.csdn.net/mishuo24/article/details/125332040

版权

有时候后端返回的数据字段名不是我们想要的，这时就可以通过JSON.parse和JSON.stringify进行修改

1.后端返回的数据

 data: [
        {
          title: "江西",
          id: 1,
          children: [
            {
              title: "南昌",
              id: 1000,
              children: [
                {
                  title: "青山湖区",
                  id: 10001
                },
                {
                  title: "高新区",
                  id: 10002
                }
              ]
            },
            {
              title: "九江",
              id: 1001
            },
            {
              title: "赣州",
              id: 1002
            }
          ]
        }
]

2.把title这个字段名改为name

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

3.这样我们就能得到我们想要的字段名了

data: [
        {
          name: "江西",
          id: 1,
          children: [
            {
              name: "南昌",
              id: 1000,
              children: [
                {
                  name: "青山湖区",
                  id: 10001
                },
                {
                  name: "高新区",
                  id: 10002
                }
              ]
            },
            {
              name: "九江",
              id: 1001
            },
            {
              name: "赣州",
              id: 1002
            }
          ]
        }
]