数组方法练习

最新推荐文章于 2024-06-16 12:11:30 发布

小脑袋瓜子不够用啊

最新推荐文章于 2024-06-16 12:11:30 发布

阅读量81

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/2201_75482723/article/details/128458896

版权

<!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 arr = [
      { name: '张三', age: 18, address: '湖北' },
      { name: '李四', age: 18, address: '安徽' },
      { name: '王五', age: 18, address: '北京' }
    ]
    const map = { name: '姓名', age: '年龄', address: '地址' }

    function change (arr, map) {
//声明一个空数组
     const list = []
//遍历源数组
      arr.forEach(item => {
       const obj = {}
//遍历Object.values获取的数组
        Object.values(item).forEach((item,index) => {
          obj[Object.values(map)[index]] = item
        })
        list.push(obj)
      });
      return list
    }

    const arr2 = change(arr, map)
    console.log(arr2)
// [
//  {'姓名': '张三', '年龄': 18, '地址': '湖北'},
//  {'姓名': '李四', '年龄': 18, '地址': '安徽'},
//  {'姓名': '王五', '年龄': 18, '地址': '北京'}
// ]
  </script>
</body>

</html>