zoukankan      html  css  js  c++  java
  • 微信小程序-数组操作

    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"]

    .

  • 相关阅读:
    Servlet的建立以及配置使用
    maven 安装 及其 创建
    错误总结
    使用分层实现业务处理
    JSP数据交互(三)
    JSP数据交互(二)
    JSP数据交互(一)
    动态网页开发基础
    记录mysql编码问题
    .net core 2.0 升级 2.1 访问mysql出现bug解决
  • 原文地址:https://www.cnblogs.com/fightjianxian/p/11120291.html
Copyright © 2011-2022 走看看