微信小程序> 微信小程序数组操作

微信小程序数组操作

浏览量:3253 时间: 来源:weixin_41991473

对数组的增加concat()/修改 /删除splice()/清空

实例:

js

Page({

data:{

Lists:[

{ id:1,   name:"北京大学",array: 2},

{ id:2,   name:"天津大学",array: 3},

{ id:3,   name:"湖南大学",array: 4},

]},

//数组增加一个数组

addArray : function(){

var newArray=[{id:4 , name:"四川大学"+new  Data.getTime() ,array: 12 }];

//加到其他数据的前面

this.data.Lists=newArray.concat(this.data.Lists);

this.setData({

Lists: this.data.Lists

});

//加到其他数据的后面

this.setData({

Lists:this.data.Lists.concat(newArray)

});

},

//删除

deleteArray:function(e){

var Index=e.target.dataset.index;

this.data.Lists.splice(Index,1);

this.setData({

Lists: this.data.Lists

})

},

//修改

amendArray:function(e){

var Index=e.target.dataset.index;

this.data.Lists[Index].name="四川大学"+new  Data.getTime();

this.setData({

Lists:this.data.Lists

})

},

//清除

clearArray:function(){

this.setData({

Lists:{}

})

}

})


wxml

view  wx:for="{{Lists}}"

button   bindtap="addArray"增加/button

button   data-index="{{item.id}}"    bindtap="deleteArray"删除/button

button  data-index="{{item.id}}"     bindtap="amendArray"修改/button

button  bindtap="clearArray"清空/button

/view


附:concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎