javascript - es6 react写法简化

问题描述

问 题

这段代码能帮忙简化一下吗                        

                        for(let i=0;i<ajaxData.length;i++){
                            userData.key=i;
                            userData.order=i+1;
                            userData.nickname=ajaxData[i].userId;
                            userData.username=ajaxData[i].username;
                            userData.sex=ajaxData[i].sex;
                            userData.phone=ajaxData[i].tele;
                            userData.email=ajaxData[i].email;
                            userData.state=ajaxData[i].status;
                            for(let t=0;t<ajaxData[i].role.length;t++){
                                role.push(ajaxData[i].role[t].roleId+' ')
                            };
                            userData.select=role;
                            num=i+1;
                        };

解决方案

ajaxData.forEach((
  { userId:nickname, 
    username, 
    sex, 
    tele:phone, 
    email, 
    status:state, 
    role 
  }, i)=>{
  
  userData = {
    nickname, username, sex, phone, email, state,
    key: i, 
    order: i + 1,
    select: role.map(r=>`${r.roleId} `)
  };

  num = i + 1;
})

主要是你的key竟然不是相同的，要不然直接{...data}就好了。。。

这篇关于javascript - es6 react写法简化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！