JavaScript Data Type Conversion Tutorial
Learn How to Convert Data Types in Javascript
Converting Data Types
As we’ve seen in the previous article, data types are classifications of a particular type of data. And it’s the type that determines which operations are able to be performed on the data. As we write programs, we’ll often need to convert our data types in order to perform tasks.
JavaScript is intelligent enough to convert some values for us, this is known as type coercion:
The above will work as our strings evaluate to numbers. However,
If we’re using the + operator, the strings will concatenate! So if we attempted to rely on type coercion in this case, we’d see unexpected results.
For this reason, when writing our own code, we should endeavor to convert data types ourselves — thus reducing potential errors.
Let's now take a look at how we can go about that!
Converting Values to Strings
Using the String() method, we can explicitly convert values to strings.
For example, let's take the number 100 and convert it to a string literal “100”.
And let's convert a Boolean false into a string literal “false”.
Within a variable, we can convert our value to a string like so:
We can check the data type of any value, using typeof, for example:
Alternatively, we could do this more concisely like so:
Regardless of the method we choose, by using String() or n.toString(), we can explicitly convert our data into string values.
Converting Values to Numbers
When the time comes to convert values into numbers, we use the Number() method in a similar manner:
We’ve turned our string “2000” into the number 2000.
We could also convert a Boolean:
It should be noted, however, that we cannot convert our data type into a number if there are any characters or spaces within the string! If this were to be attempted a NaN (not a number) would be returned.
Converting Values to Booleans
We use Boolean() to convert strings and numbers into Boolean.
If any value is present, it will be converted to true:
If the value is considered empty (0, an empty string (""), undefined, NaN or null), it will return false:
Converting numbers and strings into Boolean values is a powerful way to introduce logic into our programming. For instance, we could detect a missed required field on an input form, if the Boolean returns false.
Conclusion
That's all for today!
In this article, we looked at how we can work with data types, using both type coercion and implicitly performing our own type conversions.
In the next one, we'll dive right into working with strings!
If you liked this post, make sure to follow me on Twitter where I post daily about Tech related things!
buymeacoffee.com/rembertdesigns