需求:点击按钮 ,需要展示子表的数据,子表的数据存储数据样式是[{a:"",b:"",c""},{a:"",b:"",c""},{a:"",b:"",c""}],页面需要展示a的数据,所有子表的都需要展示即所有a都展示
控制台输出:
页面展示:
代码(原生js):
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="box">标题:</div> <div id="box1">标题1:</div> <script> let arr=[{a:"周天上班",b:"2"},{a:"周六上班不",b:"4"}]//请求回来的res数据格式 let data=[]//把后台返回的res存入在前台 let a=[]//每个值存进去 let b=[] for(let i in arr){ console.log("i,arr[i]每个对象",i,arr[i]) data.push(arr[i]) console.log(data) } for(let j in data){ console.log("j,data[j].a每个a",data[j].a) a.push(data[j].a) b.push(data[j].b) } console.log("所有子表的a,b值 ",a,b) //把a渲染到页面的元素里 //jq方法,首先要引入jq: $("#box").append(a) document.getElementById("box").appendChild(document.createTextNode(a)) </script> </body> </html>
代码得海洋有些深,我这还不会游泳,就带着游泳圈,还要带个打气筒,时不时打点气,不让自己沉下去。 希望通过我们得交流和学习,能够慢慢有艘船,在大海中航行,不用为了活下去而忽略海上得风景,其实慢慢成长我们会发现,大海,真是个神秘得地方。 学习使我们优秀,我们一起加油吧!