ES6对象解构（常用）

最新推荐文章于 2024-09-14 15:05:11 发布

weixin_33738578

最新推荐文章于 2024-09-14 15:05:11 发布

阅读量288

点赞数

文章标签：前端 json ViewUI

原文链接：https://juejin.im/post/5ab3a188f265da239d4938d1

版权

(对象解构)经常出现后台返回的JSON值,正好是前端在请求后台要带的参数，如： @后台回调id为12的这条数据:

    data :{
        id:12,
        codes:'kaixin',
        username:'李明',
        remark:'备注了'
   }
复制代码

注：此时前台需要将这条数据修改，但是后台要的字段与上面的部分不同，如何快速解构呢？ @前端ES6解构对象

    var tempData = {};
    
     赋值key:被赋值key
    ({id:tempData.id,
      username:tempData.name,
      codes:tempData.positions
    } = data );
    
    console.log(tempData);
    
    此时tempData 打印：
       tempData = {
           id : 12,
           name: '李明',
           positions: 'kaixin'
       }
复制代码

转载于:https://juejin.im/post/5ab3a188f265da239d4938d1