微信小程序开发之数组的使用

 

轮播图和下边的图片，直接使用数组存放

专门建表，存放图片

轮播图预计使用3张，多余照片显示在下边的相册动态

在index.wxml中

<swiper class="header" indicator-dots="true"
  autoplay="true" interval="3000" duration="1000">
  <block wx:for-items="{{piclist}}">
    <swiper-item>
      <image src="{{item}}" class="slide-image" />
    </swiper-item>
  </block>
</swiper>

在index。js中，data设置数组默认值，获取到数据后在for循环中将值传给数组

 data: {//在data中设置默认值
    title: "一点点奶茶",
    piclist: ["../../img/pics/main.png", "../../img/pics/q1.png", "../../img/pics/q1.png"],
}

getShopPic: function() {
    var shoppic = Bmob.Object.extend("shoppic");
    var query = new Bmob.Query(shoppic);
    query.find({
      success: function(results) {
        // 循环处理查询到的数据
        for (var i = 0; i < results.length; i++) {
          Bmob.that.piclist = Bmob.that.piclist.concat(results[i].attributes.pic.url);   
        }
        console.log(list);
        Bmob.that.setData({
          piclist: list,
        })
      },
      error: function(error) {
        console.log("查询失败: " + error.code + " " + error.message);
      }
    });

  },

可结果是。。。。。【知道原因的大神，拜托留言告诉我，谢谢】

后来只能在方法中重新定义一个数组，在for循环配值，在setData中将值传给piclist

getShopPic: function() {
    var shoppic = Bmob.Object.extend("shoppic");
    var query = new Bmob.Query(shoppic);
    var list =[];//定义数组
    query.find({
      success: function(results) {
        for (var i = 0; i < results.length; i++) {
          list=list.concat(results[i].attributes.pic.url)
        }
        Bmob.that.setData({
          piclist: list,//将值传给piclist
        })
      },
      error: function(error) {
        console.log("查询失败: " + error.code + " " + error.message);
      }
    });

  },

微信小程序数组的使用

 

//数组增加一个数组

addArray: function() {
var newArray = [{
  id: 1,
  name: "一点点",
}];
//加到其他数据的前面
this.data.Lists = newArray.concat(this.data.Lists);
//加到其他数据的后面
Lists: this.data.Lists.concat(newArray)
this.setData({
  Lists: this.data.Lists
});
//删除
deleteArray: function(e) {
    var Index = e.target.dataset.index;
    this.data.Lists.splice(Index, 1);
    this.setData({
      Lists: this.data.Lists
    })
  },
  //修改
  amendArray: function(e) {
    var Index = e.target.dataset.index;
    this.data.Lists[Index].name = "一点点";
    this.setData({
      Lists: this.data.Lists
    })
  },
  //清除
  clearArray: function() {
    this.setData({
      Lists: {}
    })
  }
})