How to convert object properties string to integer in javascript

Question

I would like to know how to convert object properties string to integer in javascript. I have a obj, which if has property value is number string convert to number in javascript

var obj={
  ob1: {id: "21", width:"100",height:"100", name: "image1"},
  ob2: {id: "22", width:"300",height:"200", name: "image2"}
}


function convertIntObj (obj){
    Object.keys(obj).map(function(k) { 
            if(parseInt(obj[k])===NaN){
              return obj[k] 
            }
            else{
              return parseInt(obj[k]);
            }
        });
}

var result = convertIntObj(obj);

console.log(result)

Expected Output:

[
  {id: 21, width:100,height:100, name: "image1"},
  {id: 22, width:300,height:200, name: "image2"}
]

You don't have any return in convertIntObj, so the value of the function call is implicitly undefined — VLAZ
– VLAZ, Commented Apr 6, 2020 at 10:20
... and NaN is not equal to anything, not even to itself. Also, you need to map the properties of obj individually, currently you're parsing the objects in obj, not their properties. — Teemu
– Teemu, Commented Apr 6, 2020 at 10:21

Boris K · Accepted Answer · 2020-04-06 15:07:01Z

10

This should do the work:

var obj = {
  ob1: {
    id: "21",
    width: "100",
    height: "100",
    name: "image1"
  },
  ob2: {
    id: "22",
    width: "300",
    height: "200",
    name: "image2"
  }
}


function convertIntObj(obj) {
  const res = {}
  for (const key in obj) {
    res[key] = {};
    for (const prop in obj[key]) {
      const parsed = parseInt(obj[key][prop], 10);
      res[key][prop] = isNaN(parsed) ? obj[key][prop] : parsed;
    }
  }
  return res;
}

var result = convertIntObj(obj);

console.log('Object result', result)

var arrayResult = Object.values(result);

console.log('Array result', arrayResult)

Click "Run code snippet" so see the result

edited Apr 6, 2020 at 15:07

answered Apr 6, 2020 at 10:26

Boris K

1,5641 gold badge12 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Sen Over a year ago

thanks for helping out, but expected output is array

Boris K Over a year ago

Object.values(result) is the array you want. I've added 2 more lines to the snippet

FreeSoftwareServers Over a year ago

This converted 2021-1 to 2021 which was not desired. I added more strict checking via regex for any non numeric character, don't parse, but I feel like my code is clunky. Is this what you'd expect from your function or perhaps you could take a look?

FreeSoftwareServers Over a year ago

To be clear, I wouldn't want 2021-1 parsed at all, but kept as a string due to non numeric characters. I use this for parsing ints in JSON to use with array sorting after, and it worked for the fields I wanted, but then I noticed other fields which shouldn't have been converted, were also effected negatively.

joy08 · Accepted Answer · 2020-04-06 10:47:44Z

0

Iterating over Object.keys() twice. If the value corresponding to the key is a number then parseInt the value else set the default value which was present earlier

var obj = {
  ob1: { id: "21", width: "100", height: "100", name: "image1" },
  ob2: { id: "22", width: "300", height: "200", name: "image2" }
};

var res = {};

Object.keys(obj).forEach(key => {
  res[key] = {};
  Object.keys(obj[key]).forEach(temp => {
    res[key][temp] = !isNaN(obj[key][temp])
      ? parseInt(obj[key][temp], 10)
      : obj[key][temp];
  });
  return res;
});

console.log(res);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Apr 6, 2020 at 10:47

joy08

9,6729 gold badges43 silver badges81 bronze badges

Comments

Mohammad Usman · Accepted Answer · 2020-04-06 10:49:02Z

0

You can use Object.entries() and .reduce() methods to iterate over the key value pairs in your data and use Number and Number.isNaN() methods to transform the values appropriately.

const data = {
  ob1: {id: "21", width:"100",height:"100", name: "image1"},
  ob2: {id: "22", width:"300",height:"200", name: "image2"}
};

const result = Object.entries(data).reduce((r, [k, o]) => {
    r[k] = Object.entries(o).reduce((r, [k, v]) => {
        let _v = Number(v);
        if(!Number.isNaN(_v)) { v = _v; }
        return (r[k] = v, r);
    }, {});
    return r;
}, {});

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Apr 6, 2020 at 10:49

Mohammad Usman

39.6k20 gold badges99 silver badges101 bronze badges

Comments

Nancy Brown · Accepted Answer · 2020-07-02 09:50:56Z

-2

Hi I would recommend you to use the JSON.stringify() method. It is used to convert object to string which is needed to send data over the web server. It converts the set of variables in the object to a JSON string:

var objToStr = {
  siteName: "W3Docs",
  bookName: "Javascript",
  booksCount: 5
};
var myJSON = JSON.stringify(objToStr);
console.log(myJSON);

Also, you can use the The toString() method. It is also called when you need to convert the object into a string:

var obj = {
  siteName: "W3Docs",
  bookName: "Javascript",
  booksCount: 5
};
function objToString(object) {
  var str = '';
  for (var k in object) {
    if (object.hasOwnProperty(k)) {
      str += k + '::' + object[k] + '\n';

This information is taken from this source.

answered Jul 2, 2020 at 9:50

Nancy Brown

4304 silver badges3 bronze badges

1 Comment

Luke Over a year ago

This doesn't answer the OP's question. Unless I'm mistaken, it does precisely the opposite of what the OP wants (which is interesting, but not particularly helpful)...

Collectives™ on Stack Overflow

How to convert object properties string to integer in javascript

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related