elementui 學習筆記（1）數據轉換

在使用elementui時經常需要將數據轉換格式，用來回填數據和請求數據  

　　如例子中，可動態增減的form表單，格式為[{name:'a',value:'1'},{name:'b',value:'2'}],發送接口請求時 需要轉換為{a:1,b:2}，想反在編輯數據時需要將數據回填 又需要反過來轉換數據 ;

　　轉換數據需要有JS數據類型基礎，特別時對象和數組的基礎知識

1.A對象轉化為B對象

　　A:對象  {name:"username",value:"dsx"}

　　B對象 {username:dsx} 

data:{
headerForm: [{
                name: '',
                value: ''
            }],
            parameterForm: [{
                name: '',
                value: ''
            }]
}

methods:{
set_params_headers() {
                // this.parameterForm
                // {name:"username",value:"dsx"}---輸入類型（this.parameterForm）
                // {username:dsx}    ------輸出格式
                var params = {};
                for (var num in this.parameterForm) {
                    var parameterObj = this.parameterForm[num]
                    params[parameterObj.name] = parameterObj.value
                }
                this.form.params = JSON.stringify(params) //json.dumps 將字典轉換為json 23                 console.log(params)
                console.log(this.form.params)

                // this.headerForm
                var headers = {};
                for (var num in this.headerForm) {
                    var headerObj = this.headerForm[num]
                    headers[headerObj.name] = headers.value
                }
                this.form.headers = JSON.stringify(headers)  //json.dumps  將對象轉換為json
            },
}

 

 

1.B對象轉化為A對象

　　B對象 {username:dsx} 

　　A:對象  {name:"username",value:"dsx"}

reset_headers_params(row) {
                // this.parameterForm
                // {username:dsx,passwd:123}-----輸入類型
                // [{name:"username",value:"dsx"},{name:'passwd',value:'123'}]   ---輸出類型
                if (row) {
                    var params_data = []
                    var parameterObj = JSON.parse(row) //json-loads 將json轉換為對象  8                     for (var num in parameterObj) {
                        var params = {}
                        params['name'] = num
                        params['value'] = parameterObj[num]  //組裝成對象
                        params_data.push(params) //添加到數組
                    }
                    this.parameterForm = params_data //初始化到parameterForm 15 
                    var headers_data = []
                    var headersObj = JSON.parse(row)
                    for (var num in headersObj) {
                        var headers = {}
                        params['name'] = num
                        params['value'] = headersObj[num]
                        headers_data.push(headers)
                    }
                    this.headerForm = headers_data
                } else {
                    this.form.params = undefined;
                    this.form.headers = undefined
                }
            },