Creating a merged object from a split string array in TypeScript

Question

Creating a merged object from a split string array in TypeScript

I possess an array containing objects structured as follows;

const arr1 = [
  {"name": "System.Level" },
  {"name": "System.Status" },
  {"name": "System.Status:*" },
  {"name": "System.Status:Rejected" },
  {"name": "System.Status:Updated" }
]

My objective is to separate the name property and construct an object. Ultimately, I aim to form an object like this;

{
  "System.Level": true,
  "System.Status": {
    "*": true,
    "Rejected": true,
    "Updated": true
  }
}

This is what I have accomplished so far;

transform(element){
  const transformed = element.split(/:/).reduce((previousValue, currentValue) => {
    previousValue[currentValue] = true;
  }, {});
  console.log(transofrmed);
 }

const transofrmed = arr1.foreEach(element => this.transform(element));

The current output is;

{System.Level: true}
{System.Status: true} 
{System.Status: true, *: true}
{System.Status: true, Rejected: true}
{System.Status: true, Updated: true}

It's very close to my desired outcome but I need to merge and assign a key. How can I utilize the first value as a key in the reduce method? Is it feasible to merge objects with the same key?

javascript arrays typescript reduce

Answer 1

Answer №1

To simplify the keys that are split, you can check if the last level has been reached. If it has, then assign a value of true; otherwise, use an existing object or create a new one.

const
    array = [{ name: "System.Level" }, { name: "System.Status" }, { name: "System.Status:*" }, { name: "System.Status:Rejected" }, { name: "System.Status:Updated" }],
    object = array.reduce((r, { name }) => {
        var path = name.split(':');
            last = path.pop();
        path.reduce((o, k) => o[k] = typeof o[k] === 'object' ? o[k] : {}, r)[last] = true;
        return r;
    }, {});
    
console.log(object);

Answer 2

To simplify the keys that are split, you can check if the last level has been reached. If it has, then assign a value of true; otherwise, use an existing object or create a new one.

const
    array = [{ name: "System.Level" }, { name: "System.Status" }, { name: "System.Status:*" }, { name: "System.Status:Rejected" }, { name: "System.Status:Updated" }],
    object = array.reduce((r, { name }) => {
        var path = name.split(':');
            last = path.pop();
        path.reduce((o, k) => o[k] = typeof o[k] === 'object' ? o[k] : {}, r)[last] = true;
        return r;
    }, {});
    
console.log(object);

Answer 3

Answer №2

Utilize the Array.reduce() method on the list of properties. Split the path by : and check for a second part. If there is a second part, assign it to an object using object spread to ensure that undefined or true values are ignored while adding object properties. If no second part exists, set the value to true:

const array = [{ name: "System.Level" }, { name: "System.Status" }, { name: "System.Status:*" }, { name: "System.Status:Rejected" }, { name: "System.Status:Updated" }];

const createObject = (arr) => 
  arr.reduce((r, { name }) => {
    const [first, second] = name.split(':');
    
    r[first] = second ? { ...r[first], [second]: true } : true;
    
    return r;
  }, {});
    
console.log(createObject(array));

Answer 4

Utilize the Array.reduce() method on the list of properties. Split the path by : and check for a second part. If there is a second part, assign it to an object using object spread to ensure that undefined or true values are ignored while adding object properties. If no second part exists, set the value to true:

const array = [{ name: "System.Level" }, { name: "System.Status" }, { name: "System.Status:*" }, { name: "System.Status:Rejected" }, { name: "System.Status:Updated" }];

const createObject = (arr) => 
  arr.reduce((r, { name }) => {
    const [first, second] = name.split(':');
    
    r[first] = second ? { ...r[first], [second]: true } : true;
    
    return r;
  }, {});
    
console.log(createObject(array));

Creating a merged object from a split string array in TypeScript

Answer №1

Answer №2

Similar questions

Issue with Angular2/4 Module: Unable to locate 'three' in the application directory

A guide to securely retrieving data from the Hono API endpoint using type safety within a Next.js application

Tips on connecting data within a jQuery element to a table of data

Utilizing turbolinks enables the page to be reloaded upon form submission

typescript warns that an object may be potentially null

The 'canvas' module could not be located in the system.Here are the required stacks:- /var/task/index.js- /var/runtime/index.mjs

Tips for deactivating dates in the jquery datepicker that correspond to entries in a MySQL database

Has the Soundcloud web widget API become obsolete?

In JavaScript programming, the function is always executed after the bottom code

Tips for implementing assertions within the syntax of destructuring?

How can I turn off strict null checks in TypeScript when using ESLint?

Tracking user sessions using cookies, not relying on JavaScript like Google does

Unexpected behavior observed with negated character: ? ^

Options for importing TypeScript in WebStorm

Capture a snapshot of a webpage that includes an embedded iframe

What is the best way to redirect nodejs requests to a separate nodejs application?

Switch the ngClass on the appropriate ancestor element for the dropdown menu

I encountered the "Unknown keystone list" error when I first began using the app on Keystone 4.0

How to Dynamically Update Sass Styles with Webpack 2?

Remove properties that are not part of a specific Class