Convert an object to a custom array using JavaScript

Question

Convert an object to a custom array using JavaScript

I need to transform the following object:

"age": [
  {
     "Under 20": "14",
     "Above 40": "1"
  }
]

into this structure:

 $scope data =  {rows:[ 
    {c: [
        {v: "Under 20"},
        {v: 14}
    ]},
    {c: [
        {v: "Above 40"},
        {v: 1},
    ]}
 }]

I attempted:

 $.map(resp.age, (el, key) => {
        arr.push({c: [{v: el}, {v: el}]});
 });

Although I am familiar with using $.map and arr.push, I'm struggling to extract the key Under 20 along with its corresponding value 14.

Is there a better way to achieve this task?

javascript

Answer 1

Answer №1

Here is a solution for your problem:

function transformData(data) {
    var agesData = data["age"][0];
    return {
        'rows': Object.keys(agesData).map(function(key) {
            return {'c': [{'v': key}, {'v':parseInt(agesData[key])}] };
        })
    }
}

// Example usage:
transformData({
    "age": [{
        "Under 20": "14",
        "Above 40": "1"
    }]
});

The code snippet above will generate the following output:

{"rows":[{"c":[{"v":"Under 20"},{"v":14}]},{"c":[{"v":"Above 40"},{"v":1}]}]}

Answer 2

Here is a solution for your problem:

function transformData(data) {
    var agesData = data["age"][0];
    return {
        'rows': Object.keys(agesData).map(function(key) {
            return {'c': [{'v': key}, {'v':parseInt(agesData[key])}] };
        })
    }
}

// Example usage:
transformData({
    "age": [{
        "Under 20": "14",
        "Above 40": "1"
    }]
});

The code snippet above will generate the following output:

{"rows":[{"c":[{"v":"Under 20"},{"v":14}]},{"c":[{"v":"Above 40"},{"v":1}]}]}

Convert an object to a custom array using JavaScript

Answer №1

Similar questions

Providing Express with static files

What methods can I use to adjust link distance while using the 3d-force-graph tool?

What is the best way to match the minimum height of one div to the height of another div?

The migration-mongo module is not being recognized as a standard CommonJS module

Transferring temporary information from server to controller using angular-file-upload

Executing a cURL request using Node.js

Creating a customized image modal in ReactJS that incorporates a dynamic slideshow feature using the

Exploring the capabilities of VueJs in detecting events triggered by parent components

The value of a string in jQuery turns undefined once it is used as an argument

When using v-select to search for items, the selected items mysteriously vanish from

Issues arise when implementing Django templates in conjunction with jQuery

Filtering deeply nested arrays

Styling Result received from Web API call within an array

React redux-thunk promise is currently in a state of waiting

Tips for accessing the selected button in notification.confirm() within a PhoneGap app

Do not reload the page after a successful ajax request

Updates to AngularJs models are not being reflected

When clicked, the menu disappears successfully with the "show" functionality, but unfortunately, the "hide" feature is not working as intended

The functionality of updating input values via jQuery AJAX in HTML response is currently not functioning as expected

Manipulating Strings in JavaScript Arrays