微信小程序 数组(增,删,改,查)等操作

最近在做一个小程序的demo。由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验。

首先这是原始数据,json的数组。

我们尝试对改数据进行操作,同时渲染到页面。

1,数据的添加

在获取到表单的数据后,自己组装一个对象,然后通过push()的方法添加一条数据,注意push的数据的index是+1的,也就是说原本数组中index依次为0,1,2,新增加的就是3,依次类推。

如果想在前面插入数据,就要用到数组合并的操作了,concat()方法可以选择合并到前面或者后面例如newarray.concat(notes);。

2,数据的删除

小程序里面貌似没有remove的方法,所以删除我选择的是split方法,这也是遇到的一个坑。notes.splice(id,i)就可以从index为id的位置开始,删除i个元素,这点大家都懂,看代码就明白,不再赘述

3,数据的修改notes = obj可以把数组中index为i的元素设置为obj。

最后,如果要在修改数据的同时渲染到页面,一定要记得使用setData方法。this.setData({ notes:notes })

顺便附上js里面array操作的方法列表。大家可以自己试试。

更多微信小程序 数组(增,删,改,查)等操作实例详解相关文章请关注PHP中文网!

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

微信小程序php返回数组,微信小程序 数组(增,删,改,查)等操作实例详解...相关推荐

  1. python开发的程序中以电子表格显示数据_使用 Python 读取电子表格中的数据实例详解...

    Python 是最流行.功能最强大的编程语言之一.由于它是自由开源的,因此每个人都可以使用.大多数 Fedora 系统都已安装了该语言.Python 可用于多种任务,其中包括处理逗号分隔值(CSV)数 ...

  2. 微信小程序js数组初始化_微信小程序 数组(增,删,改,查)等操作实例详解...

    微信小程序 数组(增,删,改,查)等操作 最近在做一个小程序的demo.由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验. 首先这是原 ...

  3. watch深度监听数组_vue watch普通监听和深度监听实例详解(数组和对象)

    vue watch普通监听和深度监听实例详解(数组和对象) 下面通过一段代码给大家介绍vue watch的普通监听和深度监听,具体代码如下所示: var vm=new Vue({ data:{ num ...

  4. 微信小程序开发登录界面mysql_微信小程序 欢迎界面开发的实例详解

    微信小程序 欢迎界面 市面上大多数的app都会有一个欢迎界面,下面将演示如何通过微信小程序实现一个欢迎界面. 下面将会按照以下的顺序介绍: 布局的实现 逻辑的实现 样式的实现 1.布局的实现 整个布局 ...

  5. php微信小程序物流进度推送,微信小程序 消息推送php服务器验证实例详解

    微信小程序 消息推送php服务器验证实例详解 设置页面("设置">>"开发设置"): 1.设置服务器域名 注意http和https协议的不同. 2. ...

  6. imagepreview使用案例_微信小程序wx.previewImage预览图片实例详解

    一.小知识 二.例子 1.wxml 2.wxss .container { box-sizing:border-box; padding:20px; } .previewimg{ float:left ...

  7. 微信小程序php后台支付,微信小程序 支付功能实现PHP实例详解

    微信小程序 支付功能实现PHP实例详解 前端代码: wx.request({ url: 'https://www.yourhost.com/weixin/WeiActivity/payJoinfee' ...

  8. wxss 点击样式_微信小程序点击控件修改样式实例详解

    微信小程序点击控件修改样式实例详解 现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它. ...

  9. php小程序onload,微信小程序 loading 组件实例详解

    这篇文章主要介绍了微信小程序 loading 组件实例详解的相关资料,需要的朋友可以参考下 loading通常使用在请求网络数据时的一种方式,通过hidden属性设置显示与否 主要属性: wxml 显 ...

最新文章

  1. python 靶心_手把手教你使用Python实战反欺诈模型|原理+代码
  2. 澎思科技马原:AI为基,IoT为翼,加速人工智能普惠丨MEET2021
  3. [Codeforces 555E]Case of Computer Network(Tarjan求边-双连通分量+树上差分)
  4. 安卓虚拟机_安卓虚拟机(*New*)v1.1.31去广告/去推荐/Mod/精简/VIP版
  5. windows系统-汇编语言与机器码的关系
  6. JDBC(二)驱动程序类型发展历程
  7. 代码整洁之道-对象和数据结构
  8. VGGNet原理和实现
  9. Deep Learning基础--Softmax求导过程
  10. java post 请求体构建_java – 从HttpServletRequest获取POST请求体
  11. 要不要借钱给好朋友?救急不救贫
  12. vue 左侧菜单隐藏_vue.js 左侧二级菜单显示与隐藏切换的实例代码?
  13. viewStub 延迟布局加载
  14. 封装,继承,多态的理解
  15. mPush实战笔记5完整测试
  16. BT5 autoscan genlist ADMsnmp snmpcheck使用
  17. 程序员风格的修真小说 —— 《码师》
  18. Julia 在VScode下的操作方式,B站教程Julia中文社区2020夏季会议
  19. java咖啡_JAVA—咖啡馆
  20. 记一次连接已重置的调试过程

热门文章

  1. 2015级C++第三次练习赛
  2. java equals getclass_java中instanceof和getClass()的作用
  3. 好用的直播播放器LivePlayer
  4. python自动化测试面试题总结(一)(持续更新)
  5. 几个经典的笑话(图)
  6. ios 添加浮动效果_iOS 拖拽View跟随手指浮动-AssistiveTouch效果
  7. 用redis做注册中心如何感知服务的上线和下线?
  8. NEXUS 5 工厂镜像刷机教程及刷机包目录解析
  9. mysql数据库迁移到达梦数据库
  10. PL2586设计电路|PL2586替代FE1.1S电路图|USB2.0HUB工业级集线器方案设计