Solved

How do I convert data from one format to another format using JavaScript/jQuery ?

Posted on 2015-01-26
3
130 Views
Last Modified: 2015-01-27
I have a json_encoded data assigned to a js variable

var dataToConvert = [
{"department" : "IS & IT", "total" : "24239.50" },
{"department" : "Finance & Legal", "total" : "250.00"}
];

Open in new window


How do I convert the above data to the following format ?

var data = [
{value : 24239.50, label : "IS & IT"},
{value : 250.00, label : "Finance & Legal"}
];

Open in new window


This is to generate data dynamically for CharJS Pie Chart
0
Comment
Question by:dentsplynz
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 43

Assisted Solution

by:Rob
Rob earned 250 total points
ID: 40571936
http://jsbin.com/nukawa/1/edit?html,js,console,output

var dataToConvert = [
  {"department" : "IS & IT", "total" : "24239.50" },
  {"department" : "Finance & Legal", "total" : "250.00"}
];

var data = [];

for (var i in dataToConvert) {
  var obj = dataToConvert[i];
  data.push({label: obj.department, value: obj.total});
}

console.dir(data);

Open in new window

0
 
LVL 44

Accepted Solution

by:
Rainer Jeschor earned 250 total points
ID: 40572174
Hi,
and an alternative using the jQuery way utilizing the jQuery.map function:
var dataToConvert = [
{"department" : "IS & IT", "total" : "24239.50" },
{"department" : "Finance & Legal", "total" : "250.00"}
];
var data = $.map(dataToConvert,function(element,index) {
    return {label: element.department, value: element.total}});

Open in new window

Sample:
http://jsfiddle.net/EE_RainerJ/t21oasLa/

HTH
Rainer
0
 

Author Closing Comment

by:dentsplynz
ID: 40574525
Awesome! Thanks so much.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

724 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question