【微信小程序】数组操作

Page({data: {list:[{id:1,name:'应季鲜果',count:1},{id:2,name:'精致糕点',count:6},{id:3,name:'全球美食烘培原料',count:12},{id:4,name:'无辣不欢生猛海鲜',count:5}]}
})

一、向前向后新增数组

//假设这一段是我们要新增的数组
var newarray = [{id:5,name:'向后增加数据--'+new Date().getTime() ,count:89
}];//向前--用newarray与this.data.list合拼
this.data.list = newarray.concat(this.data.list);//向后--用this.data.list与newarray合拼
this.data.list = this.data.list.concat(newarray);//页面渲染数据
this.setData({'list':    this.data.list});

二、修改数组

//修改数组edit:function (e){//这个参数“e”的具体作用，请参考微信小程序官方提供的说明，地址为https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html?t=20161107var dataset = e.target.dataset;
var Index = dataset.index; //在通过在wxml页面里使用 data-index="{{index}}"传递过来的，是为识别正在编辑修改哪个数组。//我们要修改的数组
this.data.list[Index].name = '修改了内容'+new Date().getTime();//将合拼之后的数据，发送到视图层，即渲染页面
//大伙请记录，修改了数据后，一定要再次执行`this.setData()`，页面才会渲染数据的。
this.setData({list:this.data.list
});}

三、删除数据

//删除remove:function (e){var dataset = e.target.dataset;var Index = dataset.index;//通过`index`识别要删除第几条数据，第二个数据为要删除的项目数量，通常为1this.data.list.splice(Index,1);//渲染数据this.setData({list:this.data.list});}

四、清空数据

//清空clear:function (){//其实就是让数组变成一个空数组即可this.setData({list:{}});}

Array对象方法列表

转载于:https://www.cnblogs.com/weiboyuan/p/9232283.html

【微信小程序】数组操作相关推荐

微信小程序——数组操作 (增加删除修改遍历）map、filter、forEach、find的用法、二维数组，排序，求和、指定长度数组赋值
一.数组的操作 Array.push() ->在数组后面继续插入内容 Array.pop() ->拿走数组最后一个内容 Array-shift()->拿走数组的第一个内容 (unsh ...
微信小程序-数组操作
Page({data: {list:[{id:1,name:'芒果',count:1},{id:2,name:'香蕉',count:6},}]} }) 向前插入数据 //要增加的数组 var newa ...
微信小程序js数组初始化_微信小程序数组（增，删，改，查）等操作实例详解...
微信小程序数组(增,删,改,查)等操作最近在做一个小程序的demo.由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验. 首先这是原 ...
微信小程序php返回数组,微信小程序数组（增，删，改，查）等操作实例详解...
微信小程序数组(增,删,改,查)等操作最近在做一个小程序的demo.由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验. 首先这是原 ...
微信小程序数组（增，删，改，查）
微信小程序数组(增,删,改,查) 最近在做一个小程序的demo里.由于不向后台请求数据,所以就涉及到本地数据的操作,本文以数据的增删改查为例 globalData:{userInfo:null,no ...
微信小程序——数组对象的增删改查
微信小程序--数组对象的增.删.改.查 1.模拟数据的初始化定义 data: {type_name: '项目分类',name_name: '项目名称',type_sId: "",n ...
上拉加载更多后台数据_微信小程序端操作云数据库
一.分清几个概念 1.云开发,简言之就是可以直接用微信小程序开发者工具完成一个从前台到后台的小程序项目. 2.小程序端,使用云开发的时候,miniprogram中写的代码可以叫做小程序端(真实是我不知 ...
微信小程序购物车操作
表字段 user 评论表商品表订单表 wxml页面  <view class="swiper-tab"><vie ...
微信小程序数组根据距离远近排序
微信小程序返回的数组根据距离远近排序以腾讯地图api返回的数据为例,对距离进行排序. /** 返回按距离远近排好顺序的数组 / mySort:function(arr){ var property= ...
微信小程序数组 Json 导出到excel
好多年没有搬砖了,最近看微信小程序比较好玩,就试着搞几个小程序玩一玩.因为是业余的,主要是面向需求编程,面向百度/bing编程.不过一些相关的代码的奇奇怪怪的问题,搜索引擎都会最终带领我到CSND/ ...

【微信小程序】数组操作

【微信小程序】数组操作相关推荐

最新文章

热门文章