Es6 真实案例解构（多维数组对象）全新案例：

获取的项目数据值：

const  msg={
                "code":200,
                "msg":"获得新闻列表成功",
                "data":[
                    {
                        "id":1,
                        "title":"5G商用自己的，三大运用商收入下降",
                        "count":58,
                    },
                    {
                            "id":2,
                            "title":"国际媒体头条速览",
                            "count":56,
                    },
                    {
                        "id":3,
                        "title":"乌克兰和俄罗斯持续冲突",
                        "count":1669,
                    },
                ]
            }

通过上面的真实数据，很多小伙伴就会有疑问，这个怎么进行解构，下面我们根据需求为大家详细的解说。 

    //需求1：请将以上msg对象  采用对象解构的方式 只选出 data
            //方面后面使用渲染页面
          
            // const {data} = msg
            // console.log(data);
            //传出来得有值   [{…}, {…}, {…}]
            
            //需求2:上面msg十后台传递过来的数据 ，我们需要把data选出当做参数传递给函数
            
            // 以前的写法
            // const {data} = msg
            // function render(arr){
            //     //我们只要data 数据
            //     //内部处理
            //     console.log(arr)
            // }
            // render(data)
            //输出结果为  [{…}, {…}, {…}]
            
            // 现在的写法为
            // function render({data}){
            //     console.log(data)
            // }
            // render(msg)
            //打印结果为  [{…}, {…}, {…}]
            //解析：function render({data}) 这个是在传递参数的同时顺便给解构了
            //现在的写法变得更为渐变   只需要data 所以我们只要解构data即可
                        

            //需求3：为了放置msg里面的data名字混淆，需求渲染函数里面的数据名改为myData
            // function render({data:myData}){
            //     //需求将 获取过来的data数据 更名为myData
            //     //内部处理
            //     console.log(myData)
            // }
            // render(msg)
            //打印出来得结果为  [{…}, {…}, {…}]
             // msg虽然很多属性,只需要data,通过解构我们获取相应