微信小程序数组操作

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

你可能感兴趣的:(微信小程序数组操作)