微信小程序 数组（增，删，改，查）等操作

最近在做一个小程序的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操作的方法列表。大家可以自己试试。

# 微信小程序  # 数组(增  # 删  # 改  # 查)  # 微信小程序操作数组  # 小程序数组的操作实例  # 微信小程序 for 循环详解  # 微信小程序 input输入框控件详解及实例（多种示例）  # 微信小程序 跳转页面的两种方法详解  # 微信小程序开发（二）图片上传+服务端接收详解  # 微信小程序 传值取值的几种方法总结  # 微信小程序-消息提示框实例  # 微信小程序 input输入框详解及简单实例  # 微信小程序 wx.request(接口调用方式)详解及实例  # 微信小程序 页面跳转传参详解  # 微信小程序 触控事件详细介绍  # 微信小程序通过api接口将json数据展现到小程序示例  # 微信小程序 小程序制作及动画（animation样式）详解  # 微信小程序中使元素占满整个屏幕高度实现方法  # 微信小程序 参数传递详解  # 微信小程序 实现列表刷新的实例详解  # 微信小程序 wx.request合法域名配置详解  # 微信小程序设置http请求的步骤详解  # 微信小程序里使用SVG矢量图标方法详解  # 的是  # 组中  # 这是  # 大家都  # 要在  # 作了  # 做一个  # 为例  # 可以选择  # 涉及到  # 在前面  # 设置为  # 表单  # 就以  # 不向  # 依次为  # 就可以  # 也就是说  # 这也是  # 并到 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel如何使用Sanctum进行API认证？（SPA实战）  教学论文网站制作软件有哪些,写论文用什么软件 ？  油猴 教程,油猴搜脚本为什么会网页无法显示？  jQuery 常见小例汇总  在线教育网站制作平台,山西立德教育官网？  Laravel如何实现API资源集合？（Resource Collection教程）  ,南京靠谱的征婚网站？  Linux后台任务运行方法_nohup与&使用技巧【技巧】  零服务器AI建站解决方案：快速部署与云端平台低成本实践  javascript中闭包概念与用法深入理解  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  怎么用AI帮你设计一套个性化的手机App图标？  Laravel怎么配置.env环境变量_Laravel生产环境敏感数据保护与读取【方法】  黑客如何利用漏洞与弱口令入侵网站服务器？  如何在云指建站中生成FTP站点？  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  详解Oracle修改字段类型方法总结  如何在局域网内绑定自建网站域名？  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  Bootstrap CSS布局之列表  Laravel如何处理表单验证？（Requests代码示例）  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  Mybatis 中的insertOrUpdate操作  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  Laravel Session怎么存储_Laravel Session驱动配置详解  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  如何用搬瓦工VPS快速搭建个人网站？  如何快速生成橙子建站落地页链接？  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  音响网站制作视频教程,隆霸音响官方网站？  简历没回改：利用AI润色让你的文字更专业  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  Python面向对象测试方法_mock解析【教程】  网站制作软件免费下载安装,有哪些免费下载的软件网站？  Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】  如何快速查询网站的真实建站时间？  Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  Laravel怎么实现验证码(Captcha)功能  android nfc常用标签读取总结  Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程  如何在景安服务器上快速搭建个人网站？  如何用低价快速搭建高质量网站？  QQ浏览器网页版登录入口 个人中心在线进入  如何快速搭建支持数据库操作的智能建站平台？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  ,怎么在广州志愿者网站注册？  html如何与html链接_实现多个HTML页面互相链接【互相】  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程