TypeScript code to transform an array of strings into a custom object

Question

TypeScript code to transform an array of strings into a custom object

I have a specific requirement that I have partially achieved using Java, but now I need to transition it to TypeScript on the client side.

Please note: The input provided below is for illustrative purposes and may vary dynamically.

Input:

var input = ["a.name", "a.type", "b.city.name" , "b.city.zip", "b.desc","c"];

We are looking to develop a utility function that takes the input above and generates output as shown below:

Output:

The output should be a string, not an object or any other data type.

"{ a { name, type }, b { city  {name, zip } , desc },  c }"

Any assistance with this would be greatly appreciated.

javascript typescript logic typescript2.0

Answer 1

Answer №1

While TypeScript may not directly relate to your question, here is a solution for creating the string format you specified. I start by converting the array into an object with the specified properties, and then utilize a function to convert the object into the desired string format.

const input = ["a.name", "a.type", "b.city.name" , "b.city.zip", "b.desc","c"];

const arrayToObject = (arr) => {
  return arr.reduce((result, val) => {
    const path = val.split('.');
    let obj = result;
    path.forEach(key => {
      obj[key] = obj[key] || {};
      obj = obj[key];
    });
    return result;
  }, {});
}

const objectToString = (obj, name = '') => {
  const keys = Object.keys(obj);
  if (keys.length === 0) {
    return name;
  } 
  
  return `${name} { ${keys.map(k => objectToString(obj[k], k)).join(', ')} }`;
}

const arrayToString = arr => objectToString(arrayToObject(arr));

console.log(arrayToString(input));

Answer 2

While TypeScript may not directly relate to your question, here is a solution for creating the string format you specified. I start by converting the array into an object with the specified properties, and then utilize a function to convert the object into the desired string format.

const input = ["a.name", "a.type", "b.city.name" , "b.city.zip", "b.desc","c"];

const arrayToObject = (arr) => {
  return arr.reduce((result, val) => {
    const path = val.split('.');
    let obj = result;
    path.forEach(key => {
      obj[key] = obj[key] || {};
      obj = obj[key];
    });
    return result;
  }, {});
}

const objectToString = (obj, name = '') => {
  const keys = Object.keys(obj);
  if (keys.length === 0) {
    return name;
  } 
  
  return `${name} { ${keys.map(k => objectToString(obj[k], k)).join(', ')} }`;
}

const arrayToString = arr => objectToString(arrayToObject(arr));

console.log(arrayToString(input));

Answer 3

Answer №2

Here's an elegant approach. The key is to recursively parse the strings and save the interim outcomes in an Object.

    function convertDotStringToObject(remainder, parent) {
      if (remainder.indexOf('.') === -1) {
      return parent[remainder] = true
      } else {
    var parts = remainder.split('.');
        convertDotStringToObject(parts.slice(1).join('.'), (parent[parts[0]] || (parent[parts[0]] = {})))
      }
    }
    
    var result = {};
    ["a.name", "a.type", "b.city.name" , "b.city.zip", "b.desc","c"].forEach(function(item) {
    convertDotStringToObject(item, result)
    });
    
    var final = JSON.stringify(result).replace(/\"/gi, ' ').replace(/\:|true/gi, '').replace(/\s,\s/gi, ', ');
    console.log(final)
    // Outputs: { a { name, type }, b { city { name, zip }, desc }, c }

Answer 4

Here's an elegant approach. The key is to recursively parse the strings and save the interim outcomes in an Object.

    function convertDotStringToObject(remainder, parent) {
      if (remainder.indexOf('.') === -1) {
      return parent[remainder] = true
      } else {
    var parts = remainder.split('.');
        convertDotStringToObject(parts.slice(1).join('.'), (parent[parts[0]] || (parent[parts[0]] = {})))
      }
    }
    
    var result = {};
    ["a.name", "a.type", "b.city.name" , "b.city.zip", "b.desc","c"].forEach(function(item) {
    convertDotStringToObject(item, result)
    });
    
    var final = JSON.stringify(result).replace(/\"/gi, ' ').replace(/\:|true/gi, '').replace(/\s,\s/gi, ', ');
    console.log(final)
    // Outputs: { a { name, type }, b { city { name, zip }, desc }, c }

Answer 5

Answer №3

Here is a possible solution:

var categories = ["category1.name", "category1.type", "category2.city.name", "category2.city.zip", "category2.desc", "category3"];
var result = {};
for(var index = 0; index < categories.length; index+=2){
    result[String.fromCharCode(index+97)] = {};
    result[String.fromCharCode(index+97)].name = categories[index];
    result[String.fromCharCode(index+97)].type = categories[index+1];
}
console.log(JSON.stringify(result));

Answer 6

Here is a possible solution:

var categories = ["category1.name", "category1.type", "category2.city.name", "category2.city.zip", "category2.desc", "category3"];
var result = {};
for(var index = 0; index < categories.length; index+=2){
    result[String.fromCharCode(index+97)] = {};
    result[String.fromCharCode(index+97)].name = categories[index];
    result[String.fromCharCode(index+97)].type = categories[index+1];
}
console.log(JSON.stringify(result));

TypeScript code to transform an array of strings into a custom object

Answer №1

Answer №2

Answer №3

Similar questions

Unable to modify translation values in an existing ngx-translate object

The response from getStaticProps in Next.js is not valid

Understanding how to accurately pair specific data points with their corresponding time intervals on a chart

Updating front end data using Node.js - A Comprehensive Guide

Delete auto-generated list using handlebars JS

What is the method to obtain the keycode for a key combination in JavaScript?

Issue: anticipated ']' after statement in sanity in conjunction with nextjs

Remove an image that has been selected while uploading multiple images using AngularJS

Insert a percentage sign into a right-aligned text box

Sorting of array in AngularJS ngRepeat may result in changing the length of the array

Modify the form's action attribute when submitted

Ways to establish a default option in a dropdown menu using JavaScript

Tips on using Ajax to post in HTML

MUI Tutorial: Displaying Text with Line Breaks

Guide on detecting and capturing a change in location history event

Execute the function when the form is submitted and show the total of the two values

Customize time formatting in Angular to accommodate localized time formats

Issue encountered when importing async function: Invalid hook call. Hooks are designed to be called only within the body of a function component

Troubleshoot: jQuery Datalink functionality not functioning properly with object methods

Navigating through this object with PUG and Express: a step-by-step guide