Data Types in JavaScript
Introduction
We will have a look at JavaScript types and how they are a dynamic-type language. Don't freak out if you have no idea of what a "Dynamic Type" is.
In this article, we have a brief discussion of Data Types in JavaScript.
Illustration
If you have any previous programming background then it would definitely help in this. Since most programming languages have some common features but JavaScript and the previous popular languages like C, C# or Java are nearly identical in terms of syntax.
One thing that is different from all the other languages is variable declaration.
In C we do it this way:
So, I want to store any string type then I also need to use the var keyword.
Before learning, we start with the conventional introduction in the Programming World, a Hello World application.
The following show how a "Hello World" program looks in JavaScript in HTML.
And here the document.write() method is used to print anything in JavaScript. Just like we do in C with printf() and Console.Writeline() in C#.
In JavaScript, we are not concerned about Data Type declaration though we use the var keyword instead. And the Java Interpreter casts the type of data itself.
Basically, we have the following three primary data types in JavaScript:
So, what are the valid names for any variable?
It's quite the same but with a little more.
- Variable name must begin with letter, $ or _ (underscore).
- Variable can contain only letter, number, $ or _.
- Variable names are case-sensitive.
- Avoid keyword as your variable name.
Using Variable as Number
And, your output is:
Note: When we deal with a string type then the + operator acts as a concatenation operator.
You can do various mathematical operation as you have in other languages, including the following:
- Addition (+)
- Subtraction (-)
- Multiplication (*)
- Division (/)
Using Variable as String
Here, we have declared three variables that implicitly point to a string type.
And in the document.write() statement we have concatenated all three variables using the + operator.
We can use concatenation in various ways.
In this, we concatenate a string with a number that is treated as a string as well.
So, in this we have no confusion, but what if we want to concatenate a string with a number and want some number over that number.
Then, we use a special method called Number() and the string (in other words a number) in its argument.
With the Number() method, you can convert any number that is in a string type to a number type.
If you get any error, then it will show a NaN error (in other words Not A Number error).
As, you can see when I a wrong value, then:
The output will be like:
Get some real part of JavaScript: prompt() and alert()
Alert() is special JavaScript method to popup a message box in JavaScript.
With a default OK button.
And, the same as a Message Box we have a prompt() method that will popup a message box that has a Text Input area.
So, we have something like this.
For now, we combine both of these concepts to create a usefull examle of JavaScript.
In this, we combined both of these in a single example.
Since the prompt() method always returns a value, that will be put inside that text box.
Using that, we stored that value in an input variable. And we popup that value in an alert box as in the following:
After that, Ok we have:
We have our correct output.
But, some strange texts is also there. Don't take it into consideration since it is handled by the browser.
Conclusion
We discussed JavaScript types, alert(), prompt() and a few basic concepts. These things are building blocks for JavaScript. In a future article we will go to another type, Arrays.