javascript - calculate and transform object key values into percentages (on 100%)

Question

I have this object:

myObj = {
    red: "332",
    green: "632",
    yellow: "14",
    brown: "45",
    pink: "83",
    violet: "21",
    gray: "100",
    black: "33",
    white: "200"
};

I need to calculate and transform these object key values into percentages (on 100%)

Is there a way to do it?

Answer 1

If you wish to get the percentage based off the highest number, here is an example with two loops (one to finding the max value and the other for changing actual values):

var res = document.getElementById('r');
var myObj = {
    red: "332",
    green: "632",
    yellow: "14",
    brown: "45",
    pink: "83",
    violet: "21",
    gray: "100",
    black: "33",
    white: "200"
};

var max = 0;

for (var i in myObj) { // we find the max here
  if (parseInt(myObj[i], 10) > max) 
    max = myObj[i]; 
}

for (var i in myObj) { // we do the conversion here
  myObj[i] = (myObj[i] / max * 100) + "%";
  res.innerHTML += "<br>" + i + ": " + myObj[i]; // html output
}

<div id="r"></div>