Utilizing a Jackson-inspired library for handling JSON property names containing dots in Javascript

Question

Utilizing a Jackson-inspired library for handling JSON property names containing dots in Javascript

Is there a way to create a Json with field names that contain dots '.' in a JavaScript application (specifically, TypeScript)?

This is the expected Json output:

{
    "tasks.max": "1",
    "key.converter": "io.confluent.connect.avro.AvroConverter",
    "topics": "eraseme_topic_schema_test_v05"
 }

I have tried using libraries like ts-jackson and jackson-js. Below is an example code snippet using ts-jackson:

MyDomain.ts

@Serializable()
import { JsonProperty,Serializable } from 'ts-jackson';
export class MyDomain{
        @JsonProperty({path: 'tasks.max', elementType: String})
        tasks_max: string;
        @JsonProperty({path: 'key.converter'})
        key_converter: string;
        @JsonProperty({path: 'topics'})
        topics: string;
}

However, the properties containing dots are being created as subclasses in the Json output instead of direct property fields with dots.

{
  tasks: { max: '1' },
  key: { converter: { schema: [Object] } },
  topics: 'eraseme_topic_schema_test_v05'
}

Is there a way to achieve this functionality in JavaScript by using a Jackson-like library?

javascript json typescript jackson

Answer 1

Answer №1

In a comment on the lodash repository, joniba provided an example of how to access properties with dots using lodash:

// lodash set
const o = {}
_.set(o, 'a["b.c"]', 1)
// returns { a: { 'b.c': 1 } }

This method also works with lodash get:

// lodash get
const obj = {'a.b': 'value'};
_.get(obj, '["a.b"]'); // 'value'

Applying this concept, we can define the ts-jackson path properties like this:

export class MyDomain{
    @JsonProperty({path: '["tasks.max"]', elementType: String})
    tasks_max: string;
    @JsonProperty({path: '["key.converter"]'})
    key_converter: string;
    @JsonProperty({path: 'topics'})
    topics: string;
}

Answer 2

In a comment on the lodash repository, joniba provided an example of how to access properties with dots using lodash:

// lodash set
const o = {}
_.set(o, 'a["b.c"]', 1)
// returns { a: { 'b.c': 1 } }

This method also works with lodash get:

// lodash get
const obj = {'a.b': 'value'};
_.get(obj, '["a.b"]'); // 'value'

Applying this concept, we can define the ts-jackson path properties like this:

export class MyDomain{
    @JsonProperty({path: '["tasks.max"]', elementType: String})
    tasks_max: string;
    @JsonProperty({path: '["key.converter"]'})
    key_converter: string;
    @JsonProperty({path: 'topics'})
    topics: string;
}

Utilizing a Jackson-inspired library for handling JSON property names containing dots in Javascript

Answer №1

Similar questions

"Step-by-step guide on populating a select box with data from the scope

Easily Organize Your Data with Kendo React Grid: Rearrange Columns and Preserve Your Custom Layout

"Utilize Google Sheets to extract and monitor Best Buy prices through web scraping

Converting JSON to CSV using JQ command in Linux shell

Generate a Vue project using the vue-cli-service build command, but be sure to include the necessary period in

The imgAreaSelect plugin is up and running successfully. Now, I am looking to utilize the x and y coordinates to make updates to the image stored in the database. How can I

Dynamically add index to attribute as it updates

Pnotify encounters a glitch where the buttons are not displayed when utilized with jquery

Extract each line of text from the ul li tags at every level of the hierarchy with the help of

Automated login feature in JQuery utilizing localStorage

How to maintain global position, rotation, and scale when adding an object to a group in Three.js

Working with a variety of JSON object types within a single JSON array with Retrofit2

Unable to load Highcharts from php json, however it is able to load from data.json file

The Wordpress plugin's Ajax function is giving back a response value of zero

What is the best way to import the axios post method from a JavaScript file into a Vue component

The dual-file upload feature of the jQuery ajaxForm plugin

Swapping out components or features within AngularJS

Tips for receiving live updates of active users online with the help of Mongoose and socket.io

Trouble with loading scripts after transitioning to a new page with AJAX (Barba.js)

Resolving a CSS Layout Dilemma: How to Overlay Sidebar on Wrappers