微信小程序往数组中增加字段值

微信小程序数组字段动态添加

最新推荐文章于 2025-02-12 10:23:38 发布

原创最新推荐文章于 2025-02-12 10:23:38 发布 · 8.3k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #web前端 #js

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍如何在微信小程序中动态地向数组中增加字段值，包括对空数组及已有数据的数组进行字段添加的方法。通过示例代码，展示了如何使用setData方法实现这一功能。

部署运行你感兴趣的模型镜像

微信小程序往数组中增加字段值

1.对空集增加字段

Page({
    data: {
        arr: [],
    },
    onLoad: function(options) {
        var that = this;
        for (let i = 0; i < 5; i++) {
            var name = 'arr[' + i + '].name';
            that.setData({
                [name]: "张三"
            });
        }
        console.log(this.data.arr);
    },
})

console.log(this.data.arr) 输出结果:]

2.对有数据的数组增加字段

Page({
    data: {
        arr: [
            { work: "教师", age: 28 }, { work: "前端工程师", age: 25}
        ],
    },
    onLoad: function(options) {
        var that = this;
        for (let i = 0; i < this.data.arr; i++) {
            var name = 'arr[' + i + '].name';
            that.setData({
                [name]: "张三"
            });
        }
        console.log(this.data.arr);
    },
})