remove specific element from json

Question

i have json like

{
  "type": "textbox",
  "originX": "center",
  "originY": "top",
  "left": 1289.6,
  "top": 695.43,
  "width": 244.84,
  "height": 36.72,
  "fill": "rgb(0, 0, 0)",
  "stroke": null,
  "strokeWidth": 1,
  "strokeDashArray": null,
  "strokeLineCap": "butt",
  "strokeLineJoin": "miter",
  "strokeMiterLimit": 10,
  "scaleX": 1,
  "scaleY": 1,
  "angle": 0,
  "flipX": false,
  "flipY": false,
  "opacity": 1,
  "shadow": null,
  "visible": true,
  "clipTo": null,
  "backgroundColor": "",
  "fillRule": "nonzero",
  "globalCompositeOperation": "source-over",
  "transformMatrix": null,
  "lockMovementX": false,
  "lockMovementY": false,
  "evented": true,
  "text": "FROM ONLY £199",
  "fontSize": 25,
  "fontWeight": "",
  "fontFamily": "'trebuchet ms'",
  "fontStyle": "",
  "lineHeight": 1.3,
  "textDecoration": "",
  "textAlign": "left",
  "textBackgroundColor": "",
  "styles": {
     "0": {
       "1": {
        "fontFamily": "'trebuchet ms'",
        "fontSize": 25,
        "fontWeight": "",
        "fontStyle": ""
      },
      "2": {
        "fontFamily": "'trebuchet ms'",
        "fontSize": 25,
        "fontWeight": "",
        "fontStyle": ""
      }
    }
  },
  "minWidth": 20
}

You can see there is styles attribute at second last, it has many other objects. when you open ony one from that you will see fontFamily, fontSize fontWeight. I want to remove fontWeight from it. For this i tried this code

if (typeof indexs['styles'] != "undefined") {
    for (rowIndex in indexs['styles']) {
        for (letterIndex in indexs['styles'][rowIndex]) {
           if (indexs['styles'][rowIndex][letterIndex].fontWeight && indexs['styles'][rowIndex][letterIndex].fontWeight=='') {
               delete indexs['styles'][rowIndex][letterIndex]['fontWeight'];
            }
        }
    }   
}

But not deleting that attribute. Am i doing anything wrong there?

Possible duplicate of [How do I remove a property from a JavaScript object?](http://stackoverflow.com/questions/208105/how-do-i-remove-a-property-from-a-javascript-object). You could also check this: [Remove a particular element from an array in JavaScript?](http://stackoverflow.com/q/5767325/1338846) — Sampo Sarrala - codidact.org, Feb 19 '16 at 09:42
@SampoSarrala i tried that code but not worked for me that's why i posted question here. — hemsbhardiya, Feb 19 '16 at 09:46
Again, **Don't link to content** - read all about it in [ask] — Amit, Feb 19 '16 at 09:52

score 1 · Accepted Answer · answered Feb 19 '16 at 09:45

You have to update this:

if (indexs['styles'][rowIndex][letterIndex].fontWeight=='') {
    delete indexs['styles'][rowIndex][letterIndex]['fontWeight'];
}

because a blank value "" is a falsy value and

indexs['styles'][rowIndex][letterIndex].fontWeight

results as false and && should work when both are true.

score 1 · Answer 2 · answered Feb 19 '16 at 09:57

try this too...to check whether the key "fontWeight" is there before checking for null value...

if (typeof indexs['styles'] != "undefined") {
    for (rowIndex in indexs['styles']) {
        for (letterIndex in indexs['styles'][rowIndex]) {
           if (indexs['styles'][rowIndex][letterIndex].hasOwnProperty("fontWeight") && indexs['styles'][rowIndex][letterIndex].fontWeight=='') {
               delete indexs['styles'][rowIndex][letterIndex]['fontWeight'];
            }
        }
    }   
}
});

remove specific element from json

2 Answers2