做小程序开发，数组是用得最多的数据结构之一。列表页、购物车、评论区，几乎离不开数组。很多新手在数组操作上踩坑，比如改了数组页面不刷新、wx:for循环渲染出错等等。这篇文章就用大白话，把小程序里数组的定义、修改、渲染这些常见操作讲清楚。
小程序里数组怎么定义
小程序的数据都放在页面的 data 里，数组也一样。打开页面的 js 文件，在 data 中直接写数组就行，比如这样：
data: { list: ['苹果', '香蕉', '橘子'], userList: [{name: '张三', age: 18}, {name: '李四', age: 20}] }
可以看到，数组里既可以放字符串、数字这种简单值，也可以放对象。实际开发中放对象的场景更多，因为列表数据通常包含多个字段，比如商品有名称、价格、图片，这些都装在一个对象里，再放进数组。
数组修改后页面不更新怎么办
这是新手最容易踩的坑。很多人直接这样写：this.data.list.push('新数据')，结果发现页面上什么变化都没有。原因很简单，直接改 this.data 里的数据，小程序不会自动更新页面，必须通过 setData 来改。
正确写法是先把数据处理好，再用 setData 更新：
let newList = this.data.list; newList.push('新数据'); this.setData({ list: newList })
还有一种情况要注意，修改数组里某个对象的一个字段时，可以直接用路径写法，比如：this.setData({ 'list[0].name': '王五' })。这种写法只更新指定位置的数据，性能比整个数组重新 setData 好很多，数据量大的时候尤其明显。
常用数组方法有哪些
小程序的 js 就是标准的 Javascript，所以数组的原生方法都能用，这里挑最常用的几个说。
push 和 pop：push 是往数组末尾加一条数据，pop 是删除末尾那条。比如加载更多数据时，把新数据 push 进去就行。
unshift 和 shift：unshift 是往数组开头加数据，shift 是删掉开头那条。比如聊天记录里插入新消息常用 unshift。
splice：这个方法最灵活，既能删除也能插入。两个参数是删除的起始位置和删除数量，比如 splice(1, 1) 表示从下标1开始删1条。删除列表某一项时经常用到。
filter：筛选数组，返回符合条件的新数组。比如搜索过滤、删除某条数据都可以用它，例如：list.filter(item => item.id != 5) 就能去掉 id 为 5 的那条。
map：遍历数组并返回新数组，常用来给每一项加工数据，比如给每条数据加个选中状态：list.map(item => { item.checked = false; return item })。
forEach：单纯遍历数组，不返回新数组，适合做统计或者打印调试。
concat 和扩展运算符：两个都是拼接数组用的。加载更多时合并数据，写法可以是 oldList.concat(newList)，也可以用更简洁的 [...oldList, ...newList]。
wx:for 渲染数组的正确姿势
数组数据处理好之后，就要渲染到页面上，这靠 wxml 里的 wx:for 实现。基本写法：
view wx:for="{{list}}" wx:key="index"{{item}}/view
这里 item 是每一项的数据，index 是下标。如果是对象数组，直接用 item.name、item.price 这样取字段。
重点说说 wx:key。这个属性很多人随便填 index，其实更好的做法是用数据里唯一的字段，比如 id。用 id 当 key，小程序在数据更新时能准确知道哪一项变了，只更新那一项，性能更好，也不容易出现列表渲染错乱的问题。
还有个小技巧，如果嵌套循环，里面的 item 和 index 会和外层重名，需要用 wx:for-item 和 wx:for-index 改名，比如外层叫 item，内层改成 subItem，避免取数据出错。
数组操作的常见坑点提醒
第一个坑，setData 一次传的数据太大。小程序官方建议 setData 的数据量不要超过 1M，如果数组有几千条，整组传过去页面会明显卡顿。解决办法是分批更新，或者只更新变化的那几条。
第二个坑，页面层级的限制。小程序页面节点层级是有限制的，数组渲染太多条会导致部分内容显示不出来。列表很长时建议做分页加载，每次只渲染一页的数据。
第三个坑，对象数组的深浅拷贝问题。let newList = this.data.list 这种写法只是引用赋值，改 newList 实际也改了原数组。如果不想影响原数据，需要用 [...list] 或者 JSON 转换的方式做拷贝。
第四个坑，下标变了数据对不上。删除或排序后，数组下标会变化，如果之前用 index 记录了某条数据的位置，再操作就容易删错。建议操作时用数据的唯一 id 去找对应项，别依赖下标。
总结
小程序的数组操作本质上就是 Javascript 的数组操作，核心要记住三点：改数据必须走 setData、渲染用 wx:for 并配好 wx:key、大数据量注意分批更新和分页。把这几个点掌握了，再做列表、购物车这类功能就得心应手了。建议自己动手把上面说的方法都敲一遍，遇到页面不刷新的情况，先想想是不是绕过了 setData，基本就能解决大部分问题。