学习如何使用微信小程序的for和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}}