Creating a JSON object from an array of data using TypeScript

Question

Creating a JSON object from an array of data using TypeScript

This might not be the most popular question, but I'm asking for educational purposes...

Here is my current setup:

data = {COLUMN1: "DATA1", COLUMN2: "DATA2", COLUMN3: "DATA3", ..., COLUMNn: "DATAn"};

keyColumns = ["COLUMN2", "COLUMN5", "COLUMN9"];

keyValueMap = {};

This is what I am aiming to achieve:

keyValueMap = {COLUMN2: "DATA2", COLUMN5: "DATA5", COLUMN9: "DATA9"};

Here's what I have attempted so far:

if (keyColumns.length > 0)
    {
      keyColumns.forEach(key => {
        keyValueMap[key] = data[key];

      });
    };

I understand that directly assigning values like keyvaluemap[a] = data[a] won't work since keyvaluemap is just an object. How can I structure this in a way that achieves my desired outcome of getting all value pairs? Also, keep in mind that the list of values in keyColumns is dynamic and cannot be predetermined.

javascript arrays json typescript

Answer 1

Answer №1

If you want to utilize the .reduce() method of Arrays, here is how you can do it:

let info = {NAME: "John", AGE: 30, CITY: "New York", OCCUPATION: "Engineer"},
    importantKeys = ["AGE", "CITY"];

let customReducer = (infoObj, keys) => keys.reduce((accumulator, currentKey) => (accumulator[currentKey] = infoObj[currentKey], accumulator), {});

console.log(customReducer(info, importantKeys));

Answer 2

If you want to utilize the .reduce() method of Arrays, here is how you can do it:

let info = {NAME: "John", AGE: 30, CITY: "New York", OCCUPATION: "Engineer"},
    importantKeys = ["AGE", "CITY"];

let customReducer = (infoObj, keys) => keys.reduce((accumulator, currentKey) => (accumulator[currentKey] = infoObj[currentKey], accumulator), {});

console.log(customReducer(info, importantKeys));

Answer 3

Answer №2

give this a shot:

const extractedData = keyColumns.reduce((acc, cur) => !!data[cur] ? ({...acc, [cur]: data[cur]}) : acc;
}, {});

Answer 4

give this a shot:

const extractedData = keyColumns.reduce((acc, cur) => !!data[cur] ? ({...acc, [cur]: data[cur]}) : acc;
}, {});

Creating a JSON object from an array of data using TypeScript

Answer №1

Answer №2

Similar questions

Save property using the useState hook

Creating a dropdown menu for an extensive list of 100 menu items: a step-by-step guide

Can the caller function's arguments be altered using Function.prototype.apply()?

Animation effect in Jquery failing to execute properly within a Modal

Is it possible to center the image and resize it even when the window is resized?

Serialization of JSON arrays using Jackson in Java

The script from '*' is being denied execution because its MIME type ('application/json') is not executable, and a strict MIME type check is in place

Neglecting to send a socket signal while assigning a variable to a socket message

Stop the click event from firing on child elements of a parent element that is currently being dragged

Using this PHP function

Updating the Position of an Element in ElectronJS (e.g. Button, Label, etc)

Tips for employing dependentRequired with relative references in JSON schema

Utilize a recursive function to incorporate data into an array nested within other arrays

Error: Model attribute missing in Adonis JS v5 relationship

Executing a webservice method in an html page using javascript without the need to refresh the page

Displaying a certain div when clicked within a loop using Vue.js and Laravel

Enhance your coding experience with Angular Apollo Codegen providing intelligent suggestions for anonymous objects

A recursive function that utilizes a for loop is implemented

This function has a Cyclomatic Complexity of 11, exceeding the authorized limit of 10

Converting a base64 string to a PNG format for uploading to an S3 bucket from the frontend