如何在javascript中向对象添加多个项

我正在编写一个ShoppingCart类来添加和删除购物车中的项目 代码用于在购物车中添加和删除项目

class ShoppingCart{
  constructor(){
    this.total = 0;
    this.items = {};
  }

  addItems(itemName, quantity, price){
    this.itemName = itemName;
    this.quantity = quantity;
    this.price = price;
    this.cost = this.quantity * this.price;

    this.total += this.cost;

    this.items['itemName'] = this.itemName;
    this.items['quantity'] = this.quantity;
  }

  removeItems(itemName, quantity, price){
    this.itemName = itemName;
    this.quantity = quantity;
    this.price = price;
    this.cost = this.quantity * this.price;

    this.total -= this.cost;
    delete this.items['itemName', 'quantity'];
  }
}

---

基本上，您需要如何添加和删除列表项

按照下面的方法，让我知道它是否适合你

<ul id="todo"></ul>
<button onclick="addItemTodo('test')">Add</button>

添加

js

函数addItemTodo（文本）{
list=document.getElementById（“todo”）；
item=document.createElement（'li'）；
item.innerText=文本；
垃圾桶=document.createElement（'button'）；
trash.classList.add（'btn1'）；
trash.addEventListener（“单击”，移除活动）；
icon_trash=document.createElement（'i'）；
图标_trash.classList.add（'fas'，'fa trash alt'，'fa-2x'）；
项目.附件（垃圾）；
trash.appendChild（图标\垃圾）；
list.appendChild（项）；}
函数移除活动（）{
var listItems=document.getElementsByTagName（“li”）；
对于（变量i=0；i

---

你被困在哪里？也许这会帮助你的代码看起来已经坏了。类变量并没有被宣布。这个问题，就目前而言，实际上并没有提出任何问题。

function addItemTodo(text) {
list = document.getElementById("todo");

item = document.createElement('li');
item.innerText = text;

trash = document.createElement('button');
trash.classList.add('btn1');
trash.addEventListener("click", removeActivity);

icon_trash = document.createElement('i');
icon_trash.classList.add('fas', 'fa-trash-alt', 'fa-2x');
item.appendChild(trash);
trash.appendChild(icon_trash);

list.appendChild(item); }
 function removeActivity() {
var listItems = document.getElementsByTagName("li");
for (var i = 0; i < listItems.length; i++) {
    listItems[i].onclick = function() {
        this.parentNode.removeChild(this);
    }
  }
  }