微信小程序数组操作

版权声明: https://blog.csdn.net/weixin_41991473/article/details/79957632

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

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页