我如何从 object 内部删除项目

Question

I have an array of objects like

 let = cartItem =
   {
    "_id": "6075a0ddf88a6035001376d0",
    "buyerId": "603e808bab11752d38c463cb",
    "buyerEmail": "hassaanather00@gmail.com",
    "buyerName": "Muhammad  Hassaan Ather",
    "products": [
          {
              "_id": "6075a9afb5335c2e94b29c1b",
              "productId": "606ddc2a4b7adbd74c703746",
              "quantity": 4,
              "productTitle": "New",
              "productSelectedFile": "URL",
              "productPrice": 10000
          },
          {
              "_id": "6075abf8b5335c2e94b29c1c",
              "productId": "605df90844bf6e0264544b77",
              "quantity": 1,
              "productTitle": "Wooden",
              "productSelectedFile":             
              "anyUrl",
              "productPrice": 100000
          }
        ],

      }

Now i want to remove one of the PRODUCT in the cartItem object. I have tried this method but after updating it also make a mess to the original CARTITEM .

  let newCart = cartItems.products.filter((item) => item.productId !== id);

In the end the original cartItem object is also not showing anything.

Waht i want is to remove one product from products array and send back the remaining array.

Answer 1

You are not too far off. Your initial solution only returns the new array products and not your whole object. You just need to add another line of code to add the new array of products into a new object of cartItems.

let newCartItemProducts = cartItems.products.filter((item) => item.productId !== id);
let newCartItems = {...cartItems, products: newCartItemProducts}

Answer 2

 let = cartItem = { "_id": "6075a0ddf88a6035001376d0", "buyerId": "603e808bab11752d38c463cb", "buyerEmail": "hassaanather00@gmail.com", "buyerName": "Muhammad Hassaan Ather", "products": [ { "_id": "6075a9afb5335c2e94b29c1b", "productId": "606ddc2a4b7adbd74c703746", "quantity": 4, "productTitle": "New", "productSelectedFile": "URL", "productPrice": 10000 }, { "_id": "6075abf8b5335c2e94b29c1c", "productId": "605df90844bf6e0264544b77", "quantity": 1, "productTitle": "Wooden", "productSelectedFile": "anyUrl", "productPrice": 100000 } ] } //delete 6075abf8b5335c2e94b29c1c for (var i = 0; i < cartItem["products"].length; i++) { if (cartItem["products"][i]["_id"] == "6075abf8b5335c2e94b29c1c") { cartItem["products"].splice(i, 1); break; } } console.log(cartItem);

Answer 3

Try this:

removeProduct(id){
   let index = cartItem.products.findIndex((product: any) => product._id === id);
   if (index != -1) cartItem.products.splice(index,1);
   return cartItem.products;
}

It will remove a product with specified id from the products of the cartItem and it will return the remaining products .