在jQuery中使用forloop（每个）将字典追加到数组

Question

I have json data like below which i am getting from server

result =     [
      {"transactions": 7, "products__name": "mark"}, 
      {"transactions": 12, "products__name": "vicky"}, 
      {"transactions": 30, "products__name": "daniel"},   
      {"transactions": 6, "products__name": "hurray "}]

Now i want to add extra items and change key names in the dictionaries in the above json response and i want the result in the below format

 result =    [
        { label: "mark",  data: 7, color: "#4572A7"},
        { label: "vicky",  data: 12, color: "#4572A7"},
        { label: "daniel",  data: 30, color: "#4572A7"},
        { label: "hurray",  data: 6, color: "#4572A7"},
    ];

I want to do the above logic with jquery and done the following

      var array = [];
      var dictionary = {};
      $.each(result, function(key,val){
              dictionary['label'] = val.products__name;
              dictionary['data'] = val.revenue;
              dictionary['color'] = '#4572A7';
              console.log(dictionary);
            array.push(dictionary)
          });
         console.log(array);
});

So from the above jquery looping code, i can able to loop through the json array and can create a dictionary with different labels and items, but when i pushed it in to the new array , only the starting dictionary is being repeatedly inserting in to the array like the same record is displaying 4 times in the array

So whats wrong in my code, can anyone please let me know what need to be done in order to push different dic items to new array ?

Answer 1

use $.map()

var colors = [' #bee485', '#f67d79', '#fdd35b', '#a8eaf7'];
var dictionary = $.map(result, function (rec, idx) {
    return {
        label: rec.products__name,
        data: rec.transactions,
        color: colors[idx % colors.length]
    }
})

Demo: Fiddle