学习如何使用微信小程序的for和foreach循环遍历获得索引和数据
- js文件中定义数组
- 第一种for循环方法
- 第二种for循环方法length
- 第三种forEach循环方法
js文件中定义数组
* 页面的初始数据*/data: {users: [{name: '张三',age: 18}, {name: '李四',age: 19}, {name: '王五',age: 20}, {name: '赵六',age: 20}]
},
第一种for循环方法
let datas = this.data.users;
for (var index in datas) {console.log(index + ' 姓名：' + datas[index].name + ' 年龄：' + datas[index].age);
}
datas：数组
index：下标
title：数组中的一个字段
第二种for循环方法length
let datas = this.data.users;
for (var i = 0; i < datas.length; ++i) {console.log(i + ' 姓名：' + datas[i].name + ' 年龄：' + datas[i].age);
}
datas：数组
datas.length：数组长度
第三种forEach循环方法
let datas = this.data.users;
datas.forEach(function (item, index) {console.log(index + ' 姓名：' + datas[index].name + ' 年龄：' + datas[index].age);
})
console.log('--------------------------------------');
datas.forEach(function (item, index) {console.log(index + ' 姓名：' + item.name + ' 年龄：' + item.age);
})
在微信wxml页面内执行循环取值
姓名：{{item.name}}
年龄：{{item.age}}
