Here is a method to transform the JSON object into a string as demonstrated below:

Question

Here is a method to transform the JSON object into a string as demonstrated below:

Presented below is a JSON object:

{
  "category": "music",
  "location": {
    "city": "Braga"
  },
  "date": {
    "start": {
      "$gte": "2017-05-01T18:30:00.000Z"
    },
    "end": {
      "$lt": "2017-05-12T18:30:00.000Z"
    }
  }
}

I am looking to construct a query string in the following format:

category=music | location.city = Braga | date.start.$gte = 2017-05-01T18:30:00.000Z | date.end.$lt = 2017-05-12T18:30:00.000Z

Any ideas on how I can accomplish this?

Here is my current approach.

 _.each(this.filter, (val: string, key: string) => {
      if (key && val) {
        filterArray.push(`${key}=${val}`);
      }
    });

javascript angular typescript

Answer 1

Answer №1

One approach is to iterate through the keys of an object and construct a path to its corresponding value. These paths can then be joined together and combined with the values to create a final string.

function extractPathValuePairs(obj) {
    function traverse(object, path) {
        Object.keys(object).forEach(function (key) {
            if (object[key] && typeof object[key] === 'object') {
                traverse(object[key], path.concat(key));
                return;
            }
            result.push(path.concat(key).join('.') + ' = ' + object[key]);
        });
    }

    var result = [];
    traverse(obj, []);
    return result.join(' | ');
}

var exampleObject = { "category": "music", "location": { "city": "Braga" }, "date": { "start": { "$gte": "2017-05-01T18:30:00.000Z" }, "end": { "$lt": "2017-05-12T18:30:00.000Z" } } };

var outputString = extractPathValuePairs(exampleObject);

console.log(outputString);

Answer 2

One approach is to iterate through the keys of an object and construct a path to its corresponding value. These paths can then be joined together and combined with the values to create a final string.

function extractPathValuePairs(obj) {
    function traverse(object, path) {
        Object.keys(object).forEach(function (key) {
            if (object[key] && typeof object[key] === 'object') {
                traverse(object[key], path.concat(key));
                return;
            }
            result.push(path.concat(key).join('.') + ' = ' + object[key]);
        });
    }

    var result = [];
    traverse(obj, []);
    return result.join(' | ');
}

var exampleObject = { "category": "music", "location": { "city": "Braga" }, "date": { "start": { "$gte": "2017-05-01T18:30:00.000Z" }, "end": { "$lt": "2017-05-12T18:30:00.000Z" } } };

var outputString = extractPathValuePairs(exampleObject);

console.log(outputString);

Answer 3

Answer №2

Apologies for the delay, but here we go.

The function walk recursively traverses your JSON data and calls a callback function with a chain of keys and value as arguments.
Subsequently, the function convert leverages walk to convert JSON into your desired format:

var walk = function( data, iterator, stack ) {
    var key;

    stack = stack || [];

    for ( key in data ) {
        if ( typeof data[ key ] === 'string' ) {
            iterator( stack.concat( [ key ] ), data[ key ] );
        } else {
            walk( data[ key ], iterator, stack.concat( [ key ] ) );
        }
    }
};

var convert = function( data ) {
    var result = [];

    walk( data, function( keys, value ) {
        result.push( keys.join( '.' ) + ' = ' + value );
    } );

    return result.join( ' | ' );
};

var query_string = convert( /* input your JSON data here */ );

Answer 4

Apologies for the delay, but here we go.

The function walk recursively traverses your JSON data and calls a callback function with a chain of keys and value as arguments.
Subsequently, the function convert leverages walk to convert JSON into your desired format:

var walk = function( data, iterator, stack ) {
    var key;

    stack = stack || [];

    for ( key in data ) {
        if ( typeof data[ key ] === 'string' ) {
            iterator( stack.concat( [ key ] ), data[ key ] );
        } else {
            walk( data[ key ], iterator, stack.concat( [ key ] ) );
        }
    }
};

var convert = function( data ) {
    var result = [];

    walk( data, function( keys, value ) {
        result.push( keys.join( '.' ) + ' = ' + value );
    } );

    return result.join( ' | ' );
};

var query_string = convert( /* input your JSON data here */ );

Here is a method to transform the JSON object into a string as demonstrated below:

Answer №1

Answer №2

Similar questions

Is it possible to filter a single field for two different values in a relationMapping using Objection.js?

Steps to enable overflow: 'scroll' for components generated dynamically

Creating a navigational sidebar with dynamic responses using Angular 8

Understanding the relationship between csv and json array formats, along with the process of converting them into a json array using Node.js

hover over the picture with your cursor

Having issues with @ts-ignore in Typescript on a let variable that is not reassigned?

Is it necessary to incorporate Babel into a project that involves developing a backend service using Node.js and a front-end component using the EJS view engine?

Can MongoDB perform a case-insensitive search on Keys/Fields using Typescript?

Utilizing ngFor to generate buttons that are disabled based on specific conditions

What is the best way to apply various styles using the ng-style directive in different scenarios?

Click the button to instantly scroll to a particular word with highlighting, and with another click, jump to the next occurrence

"Make sure the last if statement is always the one being executed

Stop the scrolling behavior from passing from one element to the window

Having trouble accessing properties of an undefined object when trying to read 'credentials' in Firebase Auth within ReactJS

Incorporate Angular directives within a tailor-made directive

Executing the `process.nextTick` function throws an error, causing the message: "Headers cannot be set once they have been sent."

Filtering function that works without specific knowledge of keys

Troubleshooting Angular2: SVG Disappearing Upon Page Reload with PathLocationStrategy

Deconstructing Angular 2 Custom Pipes

The Google Apps spreadsheet script occasionally fails to complete iteration but functions properly in all other aspects