![](https://i-blog.csdnimg.cn/blog_migrate/f2423e8ffdab185cc1c9758947a90780.png)
data.wxml代码
<!--pages/js/data.wxml-->
<view style="padding-bottom: 20px;">---- 【for循环遍历数组】----</view>
<view wx:for="{{ListArr}}">{{index}}.{{item}}
</view>
<view style="margin-top: 20px;margin-bottom: 20px;">------【for循环遍历数组(不换行)】-----</view>
<block view wx:for="{{ListArr}}">
<text space="nbsp">{{item}} | </text>
</block>
<view style="margin-top: 20px;margin-bottom: 20px;">--------【for循环遍历obj】---------------------</view>
<block view wx:for="{{ListArr}}">
<text space="nbsp">{{item}} | </text>
</block>
<view wx:for="{{listObj}}">
<text space="nbsp">{{item.name}} | </text>
<text space="nbsp">{{item.sex}} | </text>
<text space="nbsp">{{item.old}} | </text>
</view>
<view style="margin-top: 20px;margin-bottom: 20px;">--------【for循环99乘法口诀】----------</view>
<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i">
<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j">
<block wx:if="{{i <= j}}">
{{i}} * {{j}} = {{i * j}}
</block>
</view>
</view>
data.js
// pages/js/data.js
Page({
/**
* 页面的初始数据
*/
data: {
title: "数据绑定",
ListArr: ["姓名", "性别", "年龄"],
obj: { "name": "张飞", "sex": "男", "old": 20 },
listObj: [
{ "name": "吕布", "sex": "男", "old": 20 },
{ "name": "貂蝉", "sex": "女", "old": 18 },
{ "name": "关羽", "sex": "男", "old": 23 }
]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})