【vue】修改對象/數組屬性鍵名

1、對象屬性鍵名修改：

data: {
    code: 0,
    text: '數據分析',
    plant: [],
},
// 把data下的plant改成children
data: {
    code: 0,
    text: '數據分析',
    children: [],
},

關鍵語句

let newData= JSON.parse(JSON.stringify(this.data).replace(/plant/g,"children"))

2、數組屬性鍵名修改：

plant: [{
    plant_code: 1, 
    plant_name: "烘干車間",
    device:[], 
},{
    plant_code: 2, 
    plant_name: "窯爐車間",
    device: Array(2), 
}],
// 數組中屬性鍵名挨個修改成所需
// 把plant下的plant_code改成company_id、plant_name改成company_name、device改成children
plant: [{
    company_id: 1, 
    company_name: "烘干車間",
    children:[], 
},{
    company_id: 2, 
    company_name: "窯爐車間",
    children: Array(2), 
}],

關鍵語句

this.plant = this.plant.map(item=>({
    company_id:item.children_code,
    company_name:item.children_name,
    children:item.device,
}))

---

 

現實需求
原始從后端獲取到的數據：

res:{
    data: {
        company_id: 1001
        company_name: "包頭稀土園區"
        plant:  [{
            plant_code: 1, 
            plant_name: "烘干車間",
            device:[{
                collection_device_name: "1#電表", 
                collection_device_code: 1
            },{
                collection_device_name: "2#電表", 
                collection_device_code: 2
            },{
                collection_device_name: "3#電表", 
                collection_device_code: 3
            }], 
        },{
            plant_code: 2, 
            plant_name: "窯爐車間",
            device: Array(2), 
        }],
    }
}

輸出格式化，所有name變成company_name，所有葉子變成children：

res:{
    data: {
        company_id: 1001
        company_name: "包頭稀土園區"
        children:  [{
            company_id: 1, 
            company_name: "烘干車間",
            children:[{
                company_name: "1#電表", 
                company_id: 1
            },{
                company_name: "2#電表", 
                company_id: 2
            },{
                company_name: "3#電表", 
                company_id: 3
            }], 
        },{
            company_id: 2, 
            company_name: "窯爐車間",
            children: Array(2), 
        }],
    }
}

關鍵語句

// plant改成children
let response = JSON.parse(JSON.stringify(res.data).replace(/plant/g,"children"))
// 車間中所有鍵名修改
if(response.children.length>0){
    response.children = response.children.map(item=>({
        company_id:item.children_code,
        company_name:item.children_name,
        children:item.device,
    }))
    for (const i in response.children) {
        if (response.children.hasOwnProperty(i)) {
            response.children[i].children = response.children[i].children.map(item=>({
                company_id:item.collection_device_code,
                company_name:item.collection_device_name,
            }))
        }
    }
}
console.log(response,'===');

此時的response已經是格式化好的了！