对数组的增加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()
方法用于连接两个或多个数组,该方法不会改变现有的数组。