parseInt and Radix
Everyone knows that the parseInt function within JavaScript turns your decimal number or string into a rounded integer. parseInt turns 10.937 into 10, 0.2 into 0, and "someValue" into NaN. If you use parseInt without a radix, however, you'll receive a warning that no radix has been provided. In most cases, the radix you want to use is 10:
parseInt(10.83, 10); // 10, no warning
parseInt(.83, 10); // 0, no warning
parseInt(0.8); // 8, unintended result
parseInt(0.8, 10); // 0, intended result
Using a 10 radix means the number is parsed with a base 10 and thus turns the number into the integer you're expecting, without the annoying warning. The radix is important if you're need to guarantee accuracy with variable input (basic number, binary, etc.). For best results, always use a radix of 10!
![Create a CSS Flipping Animation]()
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
![Facebook Open Graph META Tags]()
It's no secret that Facebook has become a major traffic driver for all types of websites. Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One...
![Spatial Navigation]()
Spatial navigation is the ability to navigate to focusable elements based on their position in a given space. Spatial navigation is a must when your site or app must respond to arrow keys, a perfect example being a television with directional pad remote. Firefox OS TV apps are simply...
![Full Width Textareas]()
Working with textarea widths can be painful if you want the textarea to span 100% width. Why painful? Because if the textarea's containing element has padding, your "width:100%" textarea will likely stretch outside of the parent container -- a frustrating prospect to say the least. Luckily...
Nice!!!@
It’s especially important when you convert strings like ‘010’ for instance :).
It may be that I rarely use parseInt, but where’s this warning you’re talking about?
I can’t see it in the console.
@MaxArt jshint and jslint display the warnings, not the console.
Aahh, JSLint, ok.
Maybe that’s because it’s an instrument of the Devil.
“Everyone knows that the parseInt function within JavaScript turns your decimal number into a rounded integer”
In reality parseInt turns your strings into rounded integers. I think decimals are cast to strings and then integers when calling this function. To turn decimals into integers there are Math.round / Math.ceil / Math.floor
Also, parseInt(0.8) returns 0 in the latest Chrome and Firefox.
All these quick beginners code tips you have been posting lately… is that because of lack of sleep / time due to fatherhood?
parseInt will turn “someValue” to NaN, not 0
Nice catch.
However, I didn’t expect it on your site, as this is a very basic thing put in “Number” sections of many JS Primer Books
A minor point: 10.937 to 10 is not rounding. Perhaps you meant “whole number” not “rounded number”?
新設する原案もまとめた プラダ 財布 公式。
e cigarette… e cigarette, electronic cigarette review, best electronic cigarette e cig! e cig! electronic cigarette! e cigarettes ecig! e cigarette electronic cigarettes… electronic cigarette reviews? e cigarette electronic cigarette reviews best electronic cigarette. electronic cigarette reviews electronic cigarette… electronic cigarettes best electronic cigarette,
I tried on IE10, firefox and chrome, I don’t see the problem. parseInt(“0.8”) returns 0.
Peter : jsLint say “Missing radix parameter” if you don’t set it
The radix is really annoying. If I know the string it an int (from the GUI, say), I just use
parseFloat(str).