如何使用 JavaScript 实现一个简单的购物车系统? - 项越资源网-html css js 用法分享社区-开发交流-项越资源网

如何使用 JavaScript 实现一个简单的购物车系统?

/* 如何使用 JavaScript 实现一个简单的购物车系统? */
var cart = {
  items: [],
  addItem: function(item) {
    this.items.push(item);
  },
  removeItem: function(item) {
    var index = this.items.indexOf(item);
    if (index > -1) {
      this.items.splice(index, 1);
    }
  },
  getTotal: function() {
    var total = 0;
    for (var i = 0; i < this.items.length; i++) {
      total += this.items[i].price;
    }
    return total;
  }
};
var item1 = {
  name: 'iPhone',
  price: 6999
};
var item2 = {
  name: 'iPad',
  price: 3999
};
cart.addItem(item1);
cart.addItem(item2);
console.log(cart.getTotal()); // 10998
cart.removeItem(item1);
console.log(cart.getTotal()); // 3999
请登录后发表评论

    没有回复内容