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

Getting an input value dynamically in a React variable when there is a change in the input field

The functionality of getAttribute has changed in Firefox 3.5 and IE8, no longer behaving as it did before

Error encountered while attempting to send a delete request to MongoDB due to connection refusal

The promise catch method does not handle JSON parsing correctly

Instructions for connecting a button and an input field

Issue with importing React: 'Module not found: Unable to locate'

PHP is used to download JSON data in mobile applications

Error: Cannot iterate over Redux props map as it is not a function

Navigate the Angular interceptor route to display a 404 error page when clicking on a `<a href="#">` tag

What is the process for associating JSON reponses with button actions on a webpage?

Whenever there is a click event triggered within the map function, it will affect every element within the collection

Is it permissible for me to incorporate a package from the dependencies listed in the package-lock.json file into my

Similar to Laravel's service providers or WordPress style plugins, Node.js has its own unique way of managing and extending functionality

The error "TypeError: b.toLowerCase is not a function in the bootstrap typeahead plugin" indicates that

The functionality of JQuery ceases to function properly once the BxSlider plugin is activated

Issue with rendering Base64 image array strings in FlatList component in React Native

Combining ASP.NET Core 2.2 and Angular in a monorepository template for seamless development

Is react-particles-js still compatible for me to integrate?

Operators within an observable that perform actions after a specific duration has elapsed

What could be causing my Chrome extension to function on Mac but not on a PC?