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