Question

我正在尝试在会话中存储产品的价格，如果产品被点击两次，则应该添加价格并在会话中显示，但出于某种原因，当我尝试添加两个数字时，例如15 + 15，它增加了像01515，我不知道为什么会这样。

这是添加产品的.hbs文件。

{{# each products}}
    <div class="row">
        {{# each this}}
            <div class="col-sm-6 col-md-4">
                <div class="thumbnail">
                    <img src="{{this.imagePath}}" alt="..." class="img-responsive">
                    <div class="caption">
                        <h3>{{this.title}}</h3>
                        <p>{{this.description}}</p>
                        <div class="clearfix">
                            <div class="price pull-left">${{this.price}}</div>
                            <a href="/add-to-cart/{{this._id}}" class="btn btn-sucess pull-right" role="button">Add to cart</a>
                        </div>
                    </div>
                </div>
            </div>
        {{/each}}
    </div>
{{/each}}

按下添加到购物车按钮后，这里是路线和型号，

路线

router.get('/add-to-cart/:id', function(req, res, next) {
    var productId = req.params.id;
    var cart = new Cart(req.session.cart ? req.session.cart : {});

    Product.findById(productId, function(err, product) {
        if (err) {
            return res.redirect('/');
        }
        cart.add(product, product.id);
        req.session.cart = cart;
        console.log(req.session.cart);
        res.redirect('/');
    });
});

模型

module.exports = function Cart(oldCart) {
    this.items = oldCart.items || {};
    this.totalQty = oldCart.totalQty || 0;
    this.totalPrice = oldCart.totalPrice || 0;

    this.add = function(item, id) {
        var storedItem = this.items[id];
        if (!storedItem) {
            storedItem = this.items[id] = {item: item, qty: 0, price: 0};
        }
        storedItem.qty++;
        storedItem.price = storedItem.item.price * storedItem.qty;
        this.totalQty++;
        this.totalPrice += storedItem.item.price;
    };


    this.generateArray = function() {
        var arr = [];
        for (var id in this.items) {
            arr.push(this.items[id]);
        }
        return arr;
    };
};

我尝试登录控制台以查看添加数字时发生的事情，它显示如下

    Cart {
  items: 
   { '5855c55482d8722419e21a7d': { item: [Object], qty: 1, price: 15 },
     '5855c55482d8722419e21a7f': { item: [Object], qty: 1, price: 15 } },
  totalQty: 2,
  totalPrice: '01515',
  add: [Function],
  reduceByOne: [Function],
  removeItem: [Function],
  generateArray: [Function] }

我对节点js很新，我不确定这会出现什么问题。

Answer 1

在您的模块中，更改此行

this.totalPrice = oldCart.totalPrice || 0;

是这样的

this.totalPrice = parseInt(oldCart.totalPrice, 10) || 0;

您还应该更改

this.totalPrice += storedItem.item.price;

就像是

this.totalPrice += parseInt(storedItem.item.price);

这里的问题是this.totalPrice和storedItem.item.price都是您首次从请求中获取字符串时的字符串 - this.totalPrice是字符串，因为oldCart.totalPrice会回复给您作为一个字符串。

当您将storedItem.item.price添加到一个字符串时，这会导致强制执行：

this.totalPrice += storedItem.item.price;
// string += string => concatenated string

Answer 2

它似乎你连续一个字符串值！尝试在执行任何数学操作之前强制转换/强制整数类型

const string1 = '123'
const string2 = '233'

console.log(string1 + string2)     //123233

console.log(parseInt(string1) + parseInt(string2))     //356

始终验证您的parseInt是否未返回NaN;）

Answer 3

oldcart.totalPrice将为您提供字符串，以便将值连接起来。代替 this.totalPrice = oldCart.totalPrice || 0;

你可以使用

this.totalPrice = Number(oldCart.totalPrice) || 0;

数字没有加在一起节点js

3 个答案: