Parsing a Jackson object in JavaScript that includes JsonIdentityInfo

Question

Parsing a Jackson object in JavaScript that includes JsonIdentityInfo

Hey there (excuse my English)

I've been working on an AngularJS front-end website that consumes a web service which produces JSON with Spring MVC. The Spring MVC uses the JsonIdentityInfo option for serialization, so each object is only written once in the JSON and any subsequent references just use an ID. For example, if two "computer" objects are using the same "component", Spring assigns an ID to the first component and the second component just refers to that ID:

[
  {
    "@computerID": 1,
    "component": {
      "@componentID": 2,
      "processor": 2,
      "ram": "8g",
      "harddrive": "wd"
    }
  },
  {
    "@computerID": 3,
    "component": 2
  }
]

What I need now:

[
  {
    "@computerID": 1,
    "owner" : "Mister B",
    "component": {
      "@componentID": 2,
      "processor": 2,
      "ram": "8g",
      "harddrive": "wd"
    }
  },
  {
    "@computerID": 3,
    "owner" : "Mister A",
    "component": {
      "@componentID": 2,
      "processor": 2,
      "ram": "8g",
      "harddrive": "wd"
    }
  }
]

I have searched extensively for code that can achieve this but haven't found anything.

I am unable to modify the web service to change this behavior. Is it possible to edit the JSON on the client side using JavaScript or jQuery (or another library) to replace references with the actual referenced object? (The data structure is quite complex with three levels of subobjects within objects).

Thank you very much.

javascript json spring angularjs jsonidentityinfo

Answer 1

Answer №1

Just the other day, I encountered a situation very similar to what OP mentioned here. Here's how I tackled it: I leveraged the power of JSOG (Javascript Object Graph) format for the solution.

For the Server Side I incorporated the Jackson-Jsog plugin from https://github.com/jsog/jsog-jackson and added the following annotation to each class:

@JsonIdentityInfo(generator=JSOGGenerator.class)

rather than using

@JsonIdentityInfo(generator = ObjectIdGenerators.IntSequenceGenerator.class, property = "@id")

This switch enabled generation in the JSOG format, featuring @id and @ref.

When it comes to the Client Side, utilizing jsog.js is recommended

By making use of the call below, you can convert the JSOG structure into a cyclic one:

cyclicGraph = JSOG.decode(jsogStructure);

Answer 2

Just the other day, I encountered a situation very similar to what OP mentioned here. Here's how I tackled it: I leveraged the power of JSOG (Javascript Object Graph) format for the solution.

For the Server Side I incorporated the Jackson-Jsog plugin from https://github.com/jsog/jsog-jackson and added the following annotation to each class:

@JsonIdentityInfo(generator=JSOGGenerator.class)

rather than using

@JsonIdentityInfo(generator = ObjectIdGenerators.IntSequenceGenerator.class, property = "@id")

This switch enabled generation in the JSOG format, featuring @id and @ref.

When it comes to the Client Side, utilizing jsog.js is recommended

By making use of the call below, you can convert the JSOG structure into a cyclic one:

cyclicGraph = JSOG.decode(jsogStructure);

Answer 3

Answer №2

Divide all the elements in the array into separate arrays: one for items with a complete component attribute and another for those without. Iterate through the original elements that only have numerical component attributes, then match them with the corresponding @componentID from the "good" array, and perform some copying and moving.

// initializing variables
var final = [], temp = [], bad = [],
    c = {},
    computers = [
      {
        "@computerID": 1,
        "component": {
          "@componentID": 2,
          "processor": 2,
          "ram": "8g",
          "harddrive": "wd"
        }
      },
      {
        "@computerID": 3,
        "component": 2
      }
    ];

// splitting the array into 3 parts: final, bad, & temp
while(computers.length > 0) {
    c = computers.pop();
    if (c.hasOwnProperty("component")) {
        if (typeof c.component === "number") {
            temp.push(c);
        } else {
            final.push(c);
        }
    } else {
        bad.push(c);
    }
}

// looping through temp & finding @componentID within final
while (temp.length > 0) {
    c = temp.pop();
    // checking uniqueness of @componentID 
    var found = getObjects(final, "@componentID", c.component);
    if (found.length) {
        c.component = found[0];
        final.push(c);
    } else {
        bad.push(c);
    }
}


// SOURCE: http://stackoverflow.com/a/4992429/1072176
function getObjects(obj, key, val) {
    var objects = [];
    for (var i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            objects = objects.concat(getObjects(obj[i], key, val));
        } else if (i == key && obj[key] == val) {
            objects.push(obj);
        }
    }
    return objects;
}

// resulting in populated arrays: final and/or bad
alert(JSON.stringify(final));

I created three arrays, but ultimately only two are filled: final contains the good new objects, while bad captures objects lacking a component attribute or unable to find a matching @componentID for their component number.

Answer 4

Divide all the elements in the array into separate arrays: one for items with a complete component attribute and another for those without. Iterate through the original elements that only have numerical component attributes, then match them with the corresponding @componentID from the "good" array, and perform some copying and moving.

// initializing variables
var final = [], temp = [], bad = [],
    c = {},
    computers = [
      {
        "@computerID": 1,
        "component": {
          "@componentID": 2,
          "processor": 2,
          "ram": "8g",
          "harddrive": "wd"
        }
      },
      {
        "@computerID": 3,
        "component": 2
      }
    ];

// splitting the array into 3 parts: final, bad, & temp
while(computers.length > 0) {
    c = computers.pop();
    if (c.hasOwnProperty("component")) {
        if (typeof c.component === "number") {
            temp.push(c);
        } else {
            final.push(c);
        }
    } else {
        bad.push(c);
    }
}

// looping through temp & finding @componentID within final
while (temp.length > 0) {
    c = temp.pop();
    // checking uniqueness of @componentID 
    var found = getObjects(final, "@componentID", c.component);
    if (found.length) {
        c.component = found[0];
        final.push(c);
    } else {
        bad.push(c);
    }
}


// SOURCE: http://stackoverflow.com/a/4992429/1072176
function getObjects(obj, key, val) {
    var objects = [];
    for (var i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            objects = objects.concat(getObjects(obj[i], key, val));
        } else if (i == key && obj[key] == val) {
            objects.push(obj);
        }
    }
    return objects;
}

// resulting in populated arrays: final and/or bad
alert(JSON.stringify(final));

I created three arrays, but ultimately only two are filled: final contains the good new objects, while bad captures objects lacking a component attribute or unable to find a matching @componentID for their component number.

Parsing a Jackson object in JavaScript that includes JsonIdentityInfo

Answer №1

Answer №2

Similar questions

Discovering the parent element's ID in AngularJS: A step-by-step guide

You are not able to access the instance member in Jest

Displaying Values/Marks in a Unique Order with Material-UI Slider Component

JavaScript function to convert a string of characters into a readable time format

Troubleshooting Problem with Angular, Laravel, and UI-Router

Run a jq command to export data from a JSON file

Incorporating words into the core of a pie chart: Highcharts

JS: The values printed by setTimeout are always taken from the previous iteration

directive unit testing unable to access isolatedScope as it is not recognized as a valid

Manage the material-ui slider using play and pause buttons in a React JS application

When an onClick event is triggered in jQuery, generate a certain number of div blocks based on the available list items, such as image source and heading text

Utilizing NGRX reducers with a common state object

Angular parent scope does not reflect changes when a directive updates the shared scope variable

Easily transform your Twitter Bootstrap menu dropdown to appear on hover instead of click with this simple solution

Using JavaScript Arrays to Make Labels in Chart.js

Caught off guard by this promise: TypeError - Attempting to access a property that does not exist in my Ionic 2 application

Ways to stop the location object from resetting in ReactJS when reloading the page

Adjusting the size of icons to fit within a container

Is there a way to display the most recent time and date from this JSON data on Google Maps?

Issue with CSS transition not displaying ng-show elements properly