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

发布时间 - 2026-01-10 22:20:02    点击率:

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

最近在做一个小程序的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配置教程