微信小程序这种json数据要怎么在前端循环输出{"0":{"day":"7","time_data":"数据"}}

讲解下循环输出元素
这里写描述
这里写描述
后台存储的数据给事
{
var local_database = [
{
date: "Sep 18 2016",
post_title:"冬日校花",
post_image: "/images/1jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6jpg",
author:"高晴",
dateTime:"24小时",
detail:"我爱你，爱的如此深沉",
postId:0,
music:{
url: 'down/46993mp3',
title: "雪の华-南条爱乃",
coverImg: "/music/photo_new/T002R150x150M000001TEc6V0kjpVCjpgmax_age=2592000"
},
},
{
date: "Sep 18 2016",
post_title: "冬日校花",
post_image: "/images/2jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6jpg",
author: "高晴",
dateTime: "24小时",
detail: "我爱你，爱的如此深沉",
postId: 1,
music: {
url: '/yq/5092537mp3',
title: "爱你-陈芳语",
coverImg: "/music/photo_new/T002R150x150M000001TEc6V0kjpVCjpgmax_age=2592000"
},
},
{
date: "Sep 18 2016",
post_title: "冬日校花",
post_image: "/images/3jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6jpg",
author: "高晴",
dateTime: "24小时",
detail: "我爱你，爱的如此深沉",
postId: 2,
music: {
url: '/yq/204586755mp3',
title: "云烟成雨-房东的猫",
coverImg: "music/photo_new/T002R150x150M000001TEc6V0kjpVCjpgmax_age=2592000"
},
},
{
date: "Sep 18 2016",
post_title: "冬日校花",
post_image: "/images/4jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6jpg",
author: "高晴",
dateTime: "24小时",
detail: "我爱你，爱的如此深沉",
postId: 3,
music: {
url: '/yq/213919334mp3',
title: "Your Song-Lady Gaga",
coverImg: "https://wwwztsjeducom/#music/photo_new/T002R150x150M000001TEc6V0kjpVCjpgmax_age=2592000"
},
},
]
moduleexports={
postList:local_database,
}
}
前台使用for循环输出
这里写描述
这里写描述：
然后我们自己尝试构建一个for循环输出的小程序
appjs以及appjson appwxss页面的构造就不放出来了，不会的童鞋可以看博主的第一个小程序文章
初步构造完成如下：
这里写描述
下面是forjs的构造：
// pages/for/forjs
Page({
/
页面的初始数据
/
data: {
data:[
{
name:"张三"
},
{
name:"李四"
},{
name:"王五"
}
],
},
/
生命周期函数--监听页面加载
/
onLoad: function (options) {
},
/
生命周期函数--监听页面初次渲染完成
/
onReady: function () {
},
})
forwxml
<block wx:for="{{data}}" data-item="item" wx:for-index="idx" >
<view>
第{{idx}}次输出,姓名：{{itemname}}
</view>
</block>
讲解：
这里的forjs中,data是默认存在的函数，负责保存数据，前台的wxml文件只能调用data中的存在的数据
具体的调用方法为双大括号加上数据名
forwxml中
需要循环输出，需要将for元素放入block中 ，并填入需要循环输出的数据：这里是data(注：这里的data是js中data中data，大家注意区分下，博主忘了区分)
然后data-item 是给data中的子元素添加一个调用的key名，类似于php的foreach，index则是调用的当前元素在数组中的数字下标，大家可以看到输出结果是从零开始的

以上就是关于微信小程序这种json数据要怎么在前端循环输出{"0":{"day":"7","time_data":"数据"}}全部的内容，包括:微信小程序这种json数据要怎么在前端循环输出{"0":{"day":"7","time_data":"数据"}}、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！