我们就用最接地气的方式，聊聊怎么在小程序的JS里玩转加减法，并解决一些实际开发中常遇到的“坑”。

一、基础篇：从“1+1”开始

小程序的JavaScript和我们在网页中用的JS很像。加减运算的核心，就是处理好数据和页面的联动。假设我们有一个计数器：

首先，在WXML中，我们需要显示数字和两个操作按钮：

  当前数量：{{count}}
  -
  +

然后，在对应的JS文件的Page数据中定义`count`，并实现点击方法：

Page({
  data: {
    count: 1
  },
  plus: function() {
    this.setData({
      count: this.data.count + 1
    });
  },
  minus: function() {
    this.setData({
      count: this.data.count - 1
    });
  }
})

看，这就是最基础的加减！点击“+”按钮，数字增加1；点击“-”，数字减少1。关键在于使用`this.setData()`来更新数据，视图会自动跟着变化。

二、实战进阶：购物车数量加减的经典场景

单纯加减1太简单了？我们来看更实际的。在购物车中，我们通常有一个商品列表，每个商品都有独立的数量。数据结构可能像这样：

data: {
  cartList: [
    { id: 1, name: '商品A', price: 10, num: 1 },
    { id: 2, name: '商品B', price: 20, num: 2 }
  ]
}

这时，加减就需要针对特定商品ID进行操作：

// 增加商品数量
plusInCart: function(e) {
  // 获取点击商品的自定义id
  let id = e.currentTarget.dataset.id;
  let index = this.data.cartList.findIndex(item => item.id === id);
  let key = `cartList[${index}].num`; // 构建动态key
  this.setData({
    [key]: this.data.cartList[index].num + 1
  });
},

// 减少商品数量，通常不能小于1
minusInCart: function(e) {
  let id = e.currentTarget.dataset.id;
  let index = this.data.cartList.findIndex(item => item.id === id);
  let currentNum = this.data.cartList[index].num;
  if (currentNum <= 1) return; // 数量最少为1
  let key = `cartList[${index}].num`;
  this.setData({
    [key]: currentNum - 1
  });
}

这里用了`dataset`传递商品ID，并用`findIndex`找到数组中的位置。更新数据时，使用了ES6的`[key]: value`语法来动态设置对象的属性，这是小程序中更新数组或对象内部某个字段的常用技巧。

三、避坑指南：小心数据类型！

很多新手会在这里栽跟头。比如，你从输入框``里拿到一个值，直接做加减：

let a = this.data.inputValue; // 假设用户输入了'5'
this.setData({
  count: a + 1
});

结果你可能发现显示的是“51”！因为输入框的值默认是字符串，`+`操作符把字符串和数字连接了。所以，做加法前一定要转成数字：

let a = Number(this.data.inputValue); // 或者用 parseFloat(this.data.inputValue)
// 如果是减法 count: a - 1，JS会自动转换，但为了严谨，建议统一先转换。

另一个坑是浮点数精度。比如`0.1 + 0.2`结果并不是`0.3`。对于价格计算，通常的解决办法是先把小数转成整数（乘以100）计算，再转回小数：

let total = (0.1 * 100 + 0.2 * 100) / 100; // 得到0.3

四、扩展应用：加减不只是数字

加减思维可以扩展到很多场景：

1. 步骤器或分页：切换上一步/下一步，本质是索引的加减，并控制边界（不能小于0，不能超过总页数）。

2. 实时计算总价：在加减商品数量的同时，遍历购物车数组，用`reduce`方法同步计算总价和总数量，并更新到页面。

calcTotal: function() {
  let cartList = this.data.cartList;
  let totalPrice = cartList.reduce((sum, item) => sum + item.price * item.num, 0);
  let totalNum = cartList.reduce((sum, item) => sum + item.num, 0);
  this.setData({ totalPrice, totalNum });
}
// 在每次plusInCart或minusInCart执行后，调用一下this.calcTotal()即可。

3. 与后端交互：在提交订单前，可以将最终的数量数组提交给后端服务器进行库存验证和订单创建。

总结一下：微信小程序中的JS加减，核心是结合`setData`实现数据驱动视图。记住三个要点：明确数据来源和结构、注意数据类型转换、处理好运算的边界条件。从简单的计数器到复杂的购物车，原理都是相通的。多动手写写，这些技巧很快就会成为你的肌肉记忆。希望这篇接地气的指南，能帮你轻松搞定小程序里的加减法！