我正在尝试在会话中存储产品的价格,如果单击了两次产品,则应该在会话中添加并显示价格,但是由于某些原因,当我试图添加两个数字时,例如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] }


我是Node js的新手,我不确定这是怎么回事。

最佳答案

在您的模块中,更改此行

this.totalPrice = oldCart.totalPrice || 0;


像这样

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


你也应该改变

this.totalPrice += storedItem.item.price;




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


这里的问题是,当您第一次从请求中获取this.totalPricestoredItem.item.price时,它们都是字符串-this.totalPrice是字符串,因为oldCart.totalPrice将作为字符串返回给您。

将它们添加在一起时,这会导致storedItem.item.price上的强制转换为字符串:

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

关于javascript - 数字未加在一起 Node js,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41622530/

10-16 14:33
查看更多