⼩程序使⽤setData修改数组中的指定下标的属性值注释的⽐较详细，就不过做多解释了。
//index.js
//获取应⽤实例
const app = getApp()
Page({
// 这⾥data就是你当前界⾯所有的值。包括你后期动态添加的值都在这⾥
data: {
list: [{ //定义数组
number: 1
},
{
number: 1
},
{
number: 1
},
{
number: 1
},
{
number: 1
}
]
},
//事件处理函数
itemSelect: function(e) {
// 这⾥说⼀下他们的区别：target指向发⽣事件的组件，currentTarget指向绑定事件的组件
// 1.currentTarget: 绑定的事件当前元素及其⼦元素都会触发
// 2.target: 绑定的事件⼦元素不会被触发事件
var _this = this;
console.log(e); //仔细看控制台
//list就是你js中data中的定义的⼀个数组变量，[]⾥⾯的值代表数组的下标，number是你申明的这个数组中的key，拼接在⼀起，结果就是当前下标的值
var index = "list[" + e.currentTarget.dataset.index + "].number"; //这⾥必须这样拼接
/
/因为⼩程序中分有逻辑层和渲染层等。所以我们需要⽤setdata函数，渲染到视图界⾯。
_this.setData({ //异步刷新，就是渲染
//这⾥进⾏赋值
[index]: 0 //修改值为0
})
},
})
<!--index.wxml-->
<view class="container">
<!-- wx：key可以什么都不⽤写，我就是为了不让控制台出现警告，强迫症 -->
<view class='bg' wx:for="{{list}}" wx:key="">
<!-- 这⾥的{{index}}是wx:for⾃带的，直接引⽤就⾏了 -->
<text bindtap='itemSelect' data-index="{{index}}">number：{{item.number}}</text>
</view>
</view>
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
padding: 20rpx;
小程序 字符串转数组}
.
bg {
color: green;
border: 2rpx solid crimson;
margin: 20rpx;
}
text {
padding: 10rpx;
}
懒得复制的朋友，可以点⼀下~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。