從數組刪除對象時遇到麻煩

Question

假設我的購物車中有3個商品，我想刪除，請說3個商品中的2個，在刪除第一個商品就好之后，其他商品將不會被刪除。 經過一些測試，我發現在刪除產品之前，數據是一個數組，而在刪除產品之后，該數組變成了一個對象。

例如： Basket {Klant: Object, Orderlines: Array[0]}

添加一些項目后： Basket {Klant: Object, Orderlines: Array[3]}

數組中有3個對象：

{"Klant":{},"Orderlines":[
{"id":"2793","number":1,"membershiptype":"New","lineid":"3521"},
{"id":"2802","number":1,"membershiptype":"New","lineid":"3522"},
{"id":"2803","number":1,"membershiptype":"New","lineid":"3523"}
]}

並刪除項目后： Basket {Klant: Object, Orderlines: Object}

並且在對象中仍然是2個對象：

{"Klant":{},"Orderlines":{
"0":{"id":"2793","number":1,"membershiptype":"New","lineid":"3521"}
"2":{"id":"2803","number":1,"membershiptype":"New","lineid":"3523"}
}}

我試圖拼接和刪除數組，但結果相同。 我希望結果是：

{"Klant":{},"Orderlines":[
{"id":"2793","number":1,"membershiptype":"New","lineid":"3521"},
{"id":"2803","number":1,"membershiptype":"New","lineid":"3523"}
]}

這是我的代碼：

function Basket() {
  this.Klant = {};
  this.Orderlines = [];
  Basketdata = null;
  // check if we have storage and can use it.
  if (typeof (Storage) !== "undefined") {
        Basketdata = sessionStorage.getItem("Basket");
        total = sessionStorage.getItem("aantalitems");
        $('#aantalitems').html(total);

        console.log(Basketdata);
        if (Basketdata != null) {
              mybasket = JSON.parse(Basketdata);
              this.Orderlines = mybasket.Orderlines;
              this.Klant = mybasket.Klant;
        }
  }
  if (Basketdata == null) {
        Basketdata = {};
  }
  $('a.addcart').on('click', {this: this}, this.addArticle);
  $('a.remove_cart_item').on('click', {this: this}, this.deleteArticle);
  $('input.ChangeAmount').on('keyup change', {this: this}, this.changeAmount);

}

Basket.prototype = {
  constructor: Basket,

deleteArticle: function (event) {
        var knop = $(event.currentTarget);
        var mainartikel = $(knop).parents('tr.cart_item');
        var id = $(mainartikel).attr('id');
        var total = 0;
        for (var i in  event.data.this.Orderlines) {
              var line = event.data.this.Orderlines[i];
              if (line.lineid === id) {
                    console.log(event.data.this.Orderlines[i]);
                    console.log(i);
                    event.data.this.Orderlines[i].delete = 1;
              } else {
                    total += line.number;
              }
        }
        sessionStorage.setItem("aantalitems", total);
        $(mainartikel).fadeOut(function () {
              $(this).remove();
        });
        sessionStorage.setItem("Basket", JSON.stringify(event.data.this));
        event.data.this.sendToServer(event.data.this);



  },
 sendToServer: function (object) {
        $.ajax({
              type: "POST",
              url: '/shop?addtoorder=1',
              data: JSON.stringify(this),
              dataType: 'json',
              databasket: object
        }).done(function (data) {
              this.databasket.Orderlines = data.Orderlines;
              for (var i in  this.databasket.Orderlines) {
                    if (this.databasket.Orderlines[i].delete == 1) {
                        //here is the delete
                          //delete this.databasket.Orderlines[i];
                          this.databasket.Orderlines.splice(i,1);
                    }
                    if (this.databasket.Orderlines[i].update == 1) {
                          this.databasket.Orderlines[i].update = 0;
                          location.reload();
                    }
              }
              sessionStorage.setItem("Basket", JSON.stringify(this.databasket));
              $('#totalprice').html(data.total);
              if (this.databasket.Orderlines.length == 0) {
                    this.Orderlines = [];

                    $('div.content').html('\
<div style="float: left;"><b><a href="../../../shop"><img src="../../lib/items/Checkout/template/go-home-icon.png" width="32" height="32" alt="go-home-icon"  style="vertical-align: middle;"> Back to the shop</a></b></div>\n\
<br><br>No items in basket\n\
');
              }
        });
  }};

到目前為止我嘗試過的是：

在deleteArticle下，我嘗試更改： event.data.this.Orderlines[i].delete = 1;

delete event.data.this.Orderlines[i] ： delete event.data.this.Orderlines[i]

這也最終將數組更改為對象

在sendToServer下，我嘗試了兩者

delete this.databasket.Orderlines[i];
this.databasket.Orderlines.splice(i,1);

這也最終將數組更改為對象

Answer 1

嘗試：

delete yourObj['Orderlines']

 var obj = {Basket: {Klant: Object, Orderlines: Array[0]}}; obj['Orderlines'] = [ {"id":"2793","number":1,"membershiptype":"New","lineid":"3521"}, {"id":"2802","number":1,"membershiptype":"New","lineid":"3522"}, {"id":"2803","number":1,"membershiptype":"New","lineid":"3523"} ]; document.write('After adding to obj[\\'Orderlines\\']: ' + obj['Orderlines'] + '<br/>'); delete obj['Orderlines']; document.write('After deleting from obj[\\'Orderlines\\']: ' + obj['Orderlines']);