javascript - 从数组中删除一个对象

Question

我正在尝试从 JavaScript 对象中的数组列表中删除一个对象。

对象的结构:

{
    "temp": {
        "name": "",
        "css": {
            "bg_color_main": "#xxxxx",
            "part_bg_color": "xxxxx",
            "txt_font_family": "xxxxxxxx",
            "txt_font_color_main": "#xxxxx",
            "headline_font_family": "xxxxx",
        },
        "part": [
            {
                "name": "xxxxxx",
                "style": {}
            },
            {
                "name": "yyyyyy",
                "style": {}
            },
            {
                "name": "zzzzzz",
                "style": {}
            }
        ]
    }
}

代码:

$.each(jsonData.temp.part, function(k, v) {
     var tt = this; //var tt = $(this)
     if( v.name === partName ){
          delete tt[k];
     }
});

没有任何反应..没有错误，没有警告!

Answer 1

您的代码中有两个问题。一、delete does not remove elements. It only sets them to undefined. Use splice相反。

其次，它永远不会这样做，因为 tt(或 this)是您当前正在处理的数组中的对象，而不是您正在处理的数组迭代。您需要使用其全名显式访问该数组。

$.each(jsonData.temp.part, function(k, v) {
  var tt = this; //var tt = $(this)
  if( v.name === partName ){
    jsonData.temp.part.splice(k,1);
  }
});