美文网首页微信小程序
微信小程序数组操作

微信小程序数组操作

作者: 是狮子呀_ | 来源:发表于2020-06-24 11:49 被阅读0次
    Page({
      data: {
            list:[{
            id:1,
            name:'芒果',
            count:1
            },{
            id:2,
            name:'香蕉',
            count:6
            },
            }]
      }
    })
    
    向前插入数据
    //要增加的数组
    var newarray = [{
        id:6,
        name:'向前增加数据--',
        count:89
    }];
    
    //使用concat()来把两个数组合拼起来
    this.data.list = newarray.concat(this.data.list);
    
    //将合拼之后的数据,发送到视图层,即渲染页面
    //大伙请记录,修改了数据后,一定要再次执行`this.setData()`,页面才会渲染数据的。
    this.setData({
          'list':    this.data.list
     });
    
    向后插入数据demo
     //要增加的数组
      var newarray = [{
              id:5,
              name:'向后增加数据--',
              count:89
      }];
     this.setData({
          'list':this.data.list.concat(newarray)
      });
    
    修改数组
    //我们要修改的数组
    this.data.list[Index].name = '修改了内容';
    this.setData({
        list:this.data.list
    });
    
    删除某条数据
      //通过`index`识别要删除第几条数据,第二个数据为要删除的项目数量,通常为1
        this.data.list.splice(Index,1);
        //渲染数据
        this.setData({
            list:this.data.list
        });
    
    清空数据
     //其实就是让数组变成一个空数组即可
          this.setData({
              list:{}
          });
    
    数组转字符串
    var a, b;
    a = new Array(0,1,2,3,4);
    b = a.join("-");      //"0-1-2-3-4"
    
    字符串转数组
    var s = "abc,abcd,aaa";
    ss = s.split(",");// 在每个逗号(,)处进行分解  ["abc", "abcd", "aaa"]
    
    var s1 = "helloworld";
    ss1 = s1.split('');  //["h", "e", "l", "l", "o", "w", "o", "r", "l", "d"]
    
    数组操作表
    image.png
    原作者:木马不在转
    转载原文:https://www.jianshu.com/p/185efaea230c

    相关文章

      网友评论

        本文标题:微信小程序数组操作

        本文链接:https://www.haomeiwen.com/subject/rskrfktx.html