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

fluctuating random percentage in JavaScript/jQuery

Is it possible to pass a class method to an onClick event from within the render method in ReactJS?

Loading a series of images in advance using jQuery

Alert: VirtualizedList warns of slow updates for a large list despite optimized components

Node.js not resetting array properly

What is the best way to prevent a folder from being included in the next js build process while still allowing

Encountering a WriteableDraft error in Redux when using Type Definitions in TypeScript

Exploring asynchronous data handling in AngularJS using promises

AngularJS url update event

Major Technical Issues Plague School-wide Celebration

Fixing the mobile display issue with react-responsive-carousel

What is the best way to change a JavaScript variable into a PHP variable?

Unidentified googletagmanager detected in vendors segment

Animating Array of Paragraphs with JQuery: Step-by-Step Guide to Displaying Paragraph Tags Sequentially on Each Click

Prevent scrolling within input field

Angular: display many components with a click event

Identify all elements that include the designated text within an SVG element

Performing a simulated click on a dynamically inserted element using pure JavaScript

In the middleware, the request body is empty, but in the controller, it contains content

Unit testing for changes in AngularJS $scope variables within the .then() function