jQuery convert object values into numbers

Question

I'm trying to convert object values into integers:

var array = { 
  borderTopLeftRadius:"0px", 
  borderTopRightRadius:"0px", 
  borderBottomLeftRadius:"0px",
  borderBottomRightRadius:"0px"
}

I want to keep the same structure, but the result should look like this:

var array = { 
  borderTopLeftRadius:0, 
  borderTopRightRadius:0, 
  borderBottomLeftRadius:0,
  borderBottomRightRadius:0
}

I've been using $map to do it, but I cant make it work

var newArray = $.map(array, function(value){
    return parseInt(value, 10);
});

Sidenote: Your array isn't actually an array. It's an object. — gen_Eric
– gen_Eric, Commented Dec 15, 2016 at 17:26
@RocketHazmat Yes, forgot that if the number is the first thing in the string, non-numericals are stripped. — Andrew Li
– Andrew Li, Commented Dec 15, 2016 at 17:30

Zakaria Acharki · Accepted Answer · 2016-12-15 17:43:24Z

3

First of all you've an Object literal {} and not an array [], you could use jQuery method .each() to achieve that :

var myObject = { 
  borderTopLeftRadius:"0px", 
  borderTopRightRadius:"0px", 
  borderBottomLeftRadius:"0px",
  borderBottomRightRadius:"0px"
};
var newObject = {};

$.each( myObject, function( key, value ) {
  newObject[key]=parseInt(value, 10);
});

console.log(newObject);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited Dec 15, 2016 at 17:43

answered Dec 15, 2016 at 17:29

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

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

2 Comments

Alko Over a year ago

Thanks it works perfect. I have accepted your answer. I never said the I want to convert an array. Title says an Object. Just because I named variable array, it dos not mean that. It was for demo purpose.

AtheistP3ace Over a year ago

Just to be clear alko people are confused because you used the arrays tag which suggests the post is about arrays. And a variable name is supposed to be suggestive as to what the variable holds.

gen_Eric · Accepted Answer · 2016-12-15 17:31:44Z

2

Your array is not an array. JavaScript does not have associative arrays, it has objects - which is what you have.

jQuery's $.map function works on both arrays and objects, but it only returns arrays. Thus, your object is converted into an array.

You could loop over the keys of the object and build a new object with the integer values:

var newArray = {};
Object.keys(array).forEach(function(key){
    newArray[key] = parseInt(array[key], 10);
});

answered Dec 15, 2016 at 17:31

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Comments

Rajshekar Reddy · Accepted Answer · 2016-12-15 17:35:02Z

0

You can achieve the result with a for loop

var array = { 
  borderTopLeftRadius:"0px", 
  borderTopRightRadius:"0px", 
  borderBottomLeftRadius:"0px",
  borderBottomRightRadius:"0px"
}

for (var key in array) {
  array[key] = parseInt(array[key],10);
}

console.log(array);

answered Dec 15, 2016 at 17:35

Rajshekar Reddy

19.1k4 gold badges45 silver badges64 bronze badges

Collectives™ on Stack Overflow

jQuery convert object values into numbers

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related