萌萌哒小天使

导航

javascript数据解构

本篇博客将持续更新javascript数据解构内容,若有更好的方法请不吝赐教,谢谢。

今天在开发过程中遇到一个问题。一个数组,里面有很多条JSON数据,我只想取每条数据的某几个字段,我第一反应是循环,然后又觉得解构更简单些。但是事情并没有那么简单,且看分析:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let arr=[
            {id:1,name:"武",target:"消"},
            {id:1,name:"汉",target:"灭"},
            {id:1,name:"雄",target:"新"},
            {id:1,name:"起",target:"冠"},
        ]
        let newArr=arr.map(item=>{
            return{
                name:item.name,
                target:item.target
            }
        })
        console.log(newArr)
    </script>
</body>
</html>

输出结果如下:
在这里插入图片描述

posted on 2020-05-26 21:38  萌萌哒小天使  阅读(69)  评论(0编辑  收藏  举报