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

Unable to decipher JSON

What is the difference in memory usage for JavaScript objects between Node.js and Chrome?

Integrate a scrollbar seamlessly while maintaining the website's responsiveness

Utilizing Typescript to ensure property keys within a class are valid

Use jQuery to smoothly scroll a div

Dealing with Placeholder Problems in Angular 2 Material when Using setValue

Expanding the outer div with Jquery's append() function to accommodate the inner div elements perfectly

The interface 'Response<ResBody>' has been incorrectly extended by the interface 'Response'

Is it acceptable to include a @types library as a regular dependency in the package.json file of a Typescript library?

Exploring JSON Parsing in Play2 and Scala without Defining a Data Type

Encountering a RuntimeError during the integration of Angular Js in Rails with ExecJS

Concurrent Array Manipulation in C++

Alignment of the table with a fixed header and scrollable body

Showcasing or concealing.JSON data depending on the selected item in a React and MaterialUI application

Code has been loaded successfully for react-loadable Chunks, however it has not been

What is the best method for initializing the value of ng-model as an empty string in AngularJS?

Displaying array data without the need for a loop in Vue.js and Axios

Develop a directive for transforming data

React Native tutorial: Changing button color on press

Declaration in Typescript for an array of strings that will be returned as a