微信小程序之对数组的增删改

最新推荐文章于 2025-07-08 11:18:17 发布

转载最新推荐文章于 2025-07-08 11:18:17 发布 · 5.1k 阅读

小程序专栏收录该内容

2 篇文章

订阅专栏

本文探讨了小程序中数组更新的不同方式，包括直接修改、整体替换、设置特定元素为空等方法，并讨论了每种方法可能带来的问题及适用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载：https://bbs.youkuaiyun.com/topics/392358224?page=1

官方文档

        //像这些代码能理解
       
        this
        .setData({
       
        'array[0].text'
        : 
        'changed data'
        ,
       
        });
       
        //网上说，如果序号是动态的（i、j、k之类的），就是这些代码，虽然不理解，但能工作就ok了。
       
        this
        .setData({
       
        [
        'array[' 
        + i + 
        '].text'
        ]: 
        'changed data'
        ,
       
        });
       
        //但是删除数组元素怎么搞？
       
        //1、*******************我是这么干的，原始数组删除元素之后，再整体set回去：
       
        this
        .data.array.splice(i, 2);
       
        this
        .setData({
       
        'array'
        : 
        this
        .data.array,
       
        });
       
        //总感觉不靠谱啊。第一：鬼知道什么时候超出1024kB啊。
       
        //第二：原始数组set回去，会不会出错。我测试了，似能行，但总觉得会有隐患似的。
       
        //就感觉讨了个二手夫人一样，总怀疑她的子宫到底吸收了多少第一个男人的DNA。唉。
       
        //2、*******************如果是复制一份副本出来，删除元素之后，再整体set回去。
       
        //增加代码量，而且还是没有避免1024kB的梗。
       
        //3、*******************如果是set某个元素为null，好奇葩不说，不知道有没有隐患。
       
        this
        .setData({
       
        ‘array[2]’: 
        null
        ,
       
        });
       
        //4、*******************为了1024kB的梗，我想到的是：先清空，再一个个set上去。
       
        //但是这个方法，界面上会闪一下。哎。
       
        this
        .setData({
       
        array: [],
       
        });
       
        for
        (
        var 
        i 
        in 
        tmp) {
       
        this
        .setData({
       
        [
        'array[' 
        + i + 
        ']'
        ]: tmp[i],
       
        });
       
        }