微信小程序数组操作

标签: concat
3人阅读 评论(0) 收藏 举报
分类:

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

查看评论

软件工程杂志《非程序员》第一期

软件工程杂志《非程序员》第一期名    称: 《非程序员》第一期设    计: UMLCHINA编    者: UMLCHINA联系邮件: think@umlchina.com 版    本: 第一期...
  • dbbdggdbbdgg
  • dbbdggdbbdgg
  • 2001-05-27 12:05:00
  • 672

微信小程序之数组操作:push与concat的区别

微信小程序中需要用到数组的操作,介于本人js基础薄弱,故数组操作进行简单记录,以备后期方便学习: push和concat二者功能很相像,但有两点区别。 先看如下例子: var arr...
  • wangsf789
  • wangsf789
  • 2016-12-05 16:16:19
  • 35310

微信小程序的小结

捣鼓了一天的微信小程序,作为初学者,把初期的困惑总结出来,便于以后遇到同样问题方便解决,        ①首先下载了一个demo放在项目所在的目录下,代开编译工具,重启或者编译让demo显示出来,在打...
  • dengxt
  • dengxt
  • 2016-09-26 17:34:44
  • 2196

微信小程序数组网页调用实例详解:李贺作品集

额,我觉得这个东西应该叫做数组,有没有更专业的说法,我实在不知道。 惯例,先看效果,只实现数组存储,点击跳转网页,其他的都省略了。 如图可见,这个小程序有两个页面,1是首页index,2是跳转...
  • sinat_41310868
  • sinat_41310868
  • 2018-01-02 22:04:33
  • 579

微信小程序setData()方法的详解以及对数组/json操作

此篇文章是本人对setData方法的一些理解,是查阅文档和查找一些其他资料综述的,有所不足希望指正!直接进入正题!一、setData()方法:1、参数接受一个对象,以key,value的形式表示;2、...
  • NAMECZ
  • NAMECZ
  • 2018-03-20 14:02:30
  • 107

微信小程序对数组的增删改查

微信小程序 数组(增,删,改,查)等操作实例详解 作者: default|标签:微信小程序 数组 数组操作|2017-1-10 10:17 微信小程序 数组(增,删,改,查)等操作 ...
  • NAMECZ
  • NAMECZ
  • 2017-12-28 14:29:35
  • 392

微信小程序 No.1 Array

Array 对象方法 方法 描述 concat() 连接两个或更多的数组,并返回结果。 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔...
  • linglian0522
  • linglian0522
  • 2017-05-15 21:10:13
  • 1260

微信小程序动态修改数组元素

下面是两个测试数组array: [], test:[ {   num:1,   name:'a'   }, { num: 2, ...
  • qq_39548851
  • qq_39548851
  • 2018-02-25 21:19:13
  • 700

微信小程序发现的一些小问题以及解决方案集合以及注意点

      最近一直在关注小程序开发,目前正在试着将公司的app转换为小程序执行,在此期间有遇到的一些小问题以及解决办法集合。当然这些都是我个人经验谈,对于小程序的底层框架我也是一知半解,很多也都无法...
  • eadio
  • eadio
  • 2016-12-07 09:39:48
  • 13250

小结concat()、slice()、splice()操作方法

今天继续来总结一下ECMAscript为操作已经包含在数组中的项提供了很多方法。第一个先讲concat()方法。        这个方法可以理解为一种合并。concat()方法的具体用法是:它可以创...
  • natalie86
  • natalie86
  • 2015-03-13 09:29:03
  • 2335
    个人资料
    等级:
    访问量: 0
    积分: 132
    排名: 0
    文章分类
    文章存档