数据处理- 后端返回的类型是string,需要number类型处理? 2.后端返回name字段名,而你需要的是username

51 阅读1分钟

//1. 这里的id返回的类型是string,而你需要的是number类型 2.后端返回的是name字段名,而你需要的是username(这里我们直接复制出一个新的key就行,旧的key值可以保留也可删除)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
 <script>
 const  data= [
  {
    id: '003268955',
    name: 'tom',
    age: 18
  },
  {
    id: '0335689754',
    name: 'mark',
    age: 23
  }
];
//1. 这里的id返回的类型是string,而你需要的是number类型
const NewData=data.map(item=>{
  return {
    ...item,id:Number(item.id)
  }
})
console.log(NewData,'数据处理数组对象中的string-number')
//2.后端返回的是name字段名,而你需要的是username(这里我们直接复制出一个新的key就行,旧的key值可以保留也可删除)
const NewData1=data.map(item=>{
  return {
    ...item,username:item.name
  }
})
const NewData2
 = NewData1.map(res => {
  //  let username = res.name
   delete res.name
    return {
        ...res,
        // username: username
    }
})

console.log(NewData1,NewData2,'数据处理数组对象中的name-username')
 </script>

</body>
</html>