Push an item into a JSON Array

Question

I have a JavaScript function that makes an ajax call to an API, and gets a JSON array.

Here is a sample of an array that I get:

[
  {
    "ErrorType": "Errors",
    "Explanations": [
      {
        "Explanation": "Price Missing",
        "Locations": [
          25,
          45
        ]
      },
      {
        "Explanation": "Unit of measurement not valid",
        "Locations": [
          25,
          301,
          302
        ]
      }
    ]
  },
  {
    "ErrorType": "Warnings",
    "Explanations": [
      {
        Blablabla,
        Ithinkthere's already much here
      }
    ]
  }
]

I put it into a JavaScript array:

$scope.CorrectionDatas = ResponseFromApi;

So, for each ErrorType, I have some "explanations". I would like to add another property, in order to have something like this :

[
  {
    "ErrorType": "Errors",
    "Explanations": [
      {
        "Explanation": "Price Missing",
        "Locations": [
          25,
          45
        ]
      },
      {
        "Explanation": "Unit of measurement not valid",
        "Locations": [
          25,
          301,
          302
        ]
      }
    ],
    "show": true
  },
  {
    "ErrorType": "Warnings",
    "Explanations": [
      {
        Blablabla,
        Ithinkthere's already much here 
      }
     ],
    "show":true
  }
]

I though that I could do it only by doing it like that:

$scope.CorrectionDatas.forEach(function (error) {
    error.push({ show: true });
});

But my debugger gives me an error:

Error: error.push is not a function 
$scope.getErrors/</<@http://localhost:1771/dependencies/local/js/Correction/CorrectionCtrl.js:26

Answer 1

Each error is an object so it don't have push, the code should be:

        $scope.CorrectionDatas.forEach(function(error) {
            error.show = true;
        });

Answer 2

Try this way:

$scope.CorrectionDatas.forEach(function (error){
     error["show"] = true;
});

Answer 3

I believe that the problem you're encountering is that error is not an array, it is an object. This can be confirmed by logging the output of typeof error. If this is the case, you must explicitly define the show property of the object, as so:

$scope.CorrectionDatas.forEach(function (error){
    error['show'] = true; // alternatively, error.show = true;   
});