首页
未解之谜
天体物理
科技前沿
下载中心
游戏天地
[FW:AdTitle]
首页 >> 科技前沿 >> 正文

微信小程序数组操作2019-7-17|阅读:186 次|出处:尘封的落叶的博客|编辑:管理员


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

免责声明:本文所提供的信息(包括图片、文字、视频等)内容均来源于网络,只供参考之用,不代表本站观点。如有侵权、违规,请联系我们删除。
上一条:一天完成把PC网站改为自适应!原来这么简单!下一条:微信小程序上传图片
今日推荐
一周阅读排行
Copyright © 2017-2018 怪里咕咚 All Rights Reserved
滇ICP备17000807号-2
访问量: