在做小程序的过程中遇到操作对象的场景,现在维护这个项目的时候又遇到了一个操作数组的场景,它的操作方式与操作对象的方式是一样的,现在单独拿出来记录一下,加深自己的印象。
一、第一种方式
index.wxml
<view class="intro">{{arr[0]}},{{arr[1]}},{{arr[2]}}</view>
index.js
page({
data:{
arr: ['今日头条', '百度', '阿里巴巴']
},
onLoad: function () {
this.setData({
'arr[0]': '字节跳动', //修改的是索引的第一个值
'arr[1]': '百度钱包',// 修改的是索引的第二个值
'arr[2]': '支付宝' // 修改的是索引的第三个值
})
}
})
二、第二种方式
page({
data:{
arr:['今日头条','百度','阿里巴巴']
},
onLoad:function() {
this.setData({
arr:['字节跳动','百度钱包','支付宝']
})
}
})
二、第三种动态获取方式
// pages/index/index.js
Page({
/**
* 页面的初始数据
*/
data: {
currrent:2,
arr:['一','二','三']
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
["arr[" + this.data.currrent + "]"]: '000'
})
}
这就是操作数组的方式了