Tips on converting an array list to JSON format

Question

Tips on converting an array list to JSON format

I am attempting to extract the JSON object from an array list

arrayList [
0: {name: "01", value: "3424234234"} 
1: {name: "17", value: "26021734"}
2: {name: "10", value: "435345"} 
3: {name: "21", value: "3453"}]

The array above has been converted to JSON as shown below

var aiCode = {};
aiCode = Object.assign({}, arrayList );

The current result is displayed below

aiCode 
{
0: {name: "01", value: "3424234234"} 
1: {name: "17", value: "26021734"} 
2: {name: "10", value: "435345"} 
3: {name: "21", value: "3453"} 
}

However, I require the following format for the result

aiCode: 
{
01: "3424234234", 
17: "26021734", 
10: "435345", 
21: "3453"
}

What steps should I take to achieve the desired JSON stringification mentioned above

javascript json

Answer 1

Answer №1

To achieve this, you can utilize the Array#reduce method.

var result = arrayList
  // looping through the array elements
  .reduce((obj, element) => {
    // defining object property 
    obj[element.name] = element.value;
    // returning the updated object
    return obj;
    // starting with an empty object
  }, {})

Answer 2

To achieve this, you can utilize the Array#reduce method.

var result = arrayList
  // looping through the array elements
  .reduce((obj, element) => {
    // defining object property 
    obj[element.name] = element.value;
    // returning the updated object
    return obj;
    // starting with an empty object
  }, {})

Tips on converting an array list to JSON format

Answer №1

Similar questions

The NODE.JS application becomes unresponsive when attempting to retrieve 2.5 million records from an API

What modifications need to be made to the JSON function in order to ensure its functionality

Build a custom loader in Next JS that leverages Webpack to dynamically map URL paths to specific components

JavaScript button click changes the selected row's color in a DataTable

Limiting the style of an input element

Using Mongoose to Perform Lookup with an Array as a Foreign Key

What steps can be taken to resolve the error message "JSON parse error - Extra data: line 8 column 3 (char 153)" in the Django Rest Framework?

Enhance JQGRID by increasing the row width, changing the color of the column header text, and adjusting the size

What is the origin of the libraries found in npm-shrinkwrap that do not match the packages listed in package.json?

Guide on triggering a bootstrap popup modal using a TypeScript file

What is the best way to execute multiple controller functions for a single route?

The code below is not working as it should be to redirect to the home page after logging in using Angular. Follow these steps to troubleshoot and properly

Angularfire2: Access Denied Error When User Logs Out

Can one verify if an Angular application currently has active app modules running?

Troubleshooting issue with changing label text using innerHTML in JavaScript

Dynamic text displayed on an image with hover effect using JavaScript

Toggle the class and execute the order within a jQuery script

Retrieve the specific JSON object chosen from a MongoDB find query

The declaration of the 'type' in NestJS goes unused, according to ts(6133)

Ensure that Template.fromStack() includes resources with the specified logical identifiers