小程序模板网

微信小程序之条件判断

发布时间:2018-05-04 15:48 所属栏目:小程序开发教程

前文:

今天踩了一下午的坑,但是确实很简单的问题。

我说一下需求:扫描商品的二维码,从而判断,同一个二维码不可多次扫描;

点击扫一扫 会在灰色区域展示 扫描的商品信息,比如商品名称,商品码等,但是我们的需求是一物一码,即使是同一个商品也是不同的商品码。

错误示例:

最开始我的想法是做判断,因为我会在相对应的js文件中定义一个 productList:[ ],数组来存放数据,

Pages({ 
productList: [用来存放,通过后台接口得到的相关商品的数据信息]

}) 
由于我们是一物一码,那唯一的判断条件就是商品码了

 

				
  1. wzy.post("/wx/open/getProdcutNameByCode", product, true)
  2. .then((res) => {
  3.  
  4. let products={
  5. name: res.data.data,
  6. code:product.code,
  7. }
  8.  
  9. let productLength = this.data.productIist.length;
  10.  
  11.  
  12. //如果列表没有直接推,如果有循环,如果
  13. if (productLength==0){
  14. this.data.productIist.push(products);
  15. this.setData({
  16. productIist: this.data.productIist
  17. })
  18. }else{
  19.  
  20. for (let i = 0; i < productLength;i++){
  21. if (products.code == this.data.productIist[i].code){
  22. global.jv.showPop('提示','同一商品不可重复扫描')
  23. return
  24. }
  25. }
  26. this.data.productIist.push(products);
  27. this.setData({
  28. productIist: this.data.productIist
  29. })
  30. }
  31. }).catch((res) => {
  32. console.log(res)
  33. wzy.showPop('提示', '当前网络繁忙,请重新扫描')
  34. })
  35. },

原来的思路是:

 

				
  1. .then((res) => {
  2.  
  3. let products={
  4. name: res.data.data,
  5. code:product.code,
  6. }
  7.  
  8. let productLength = this.data.productIist.length;
  9.  
  10.  
  11. //如果列表没有直接推,如果有循环,如果
  12. if (productLength==0){
  13. this.data.productIist.push(products);
  14. this.setData({
  15. productIist: this.data.productIist
  16. })
  17. }else{
  18. // 原来思路:把数组中的每一项code取出来与扫码得到的code进行对比,如果不相等就push到数组中 从而在页面循环,但是发现
  19. // 当数组的length>1的情况下,会发生即使你扫码得到的code不与原数组相同但是会重复多次,次数由productIist.length决定
  20.  
  21.             productIist.forEach(item=>{
  22. if(item.code !==this.data.productIist.code ) {
  23. this.data.productIist.push(products);
  24. this.setData({
  25. productIist: this.data.productIist
  26. })
  27. }
  28.  
  29. })
  30. }).catch((res) => {
  31. console.log(res)
  32. wzy.showPop('提示', '当前网络繁忙,请重新扫描')
  33. })
  34. },

所以 在上面的正确的示例中 使用for循环 并把判断也写进for循环中 如果数组中的code与扫描的code相等 就会弹出提示框,并且不会执行下面代码,但是当条件不相符的时候,便可以愉快的执行下面的代码了。



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/24225.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询