Concatenating a String and Another Data Type

By Stephen Bucaro

To concatinate two or more strings, use + (the concatination operator). To concatinate a string and a number, also use the concatination operator. This is because JavaScript coerces (converts) the number to a string. Shown below is an example:

var amt = 4.35;
var total = "The total is " + amt;
alert(total);

Result: The total is 43.45

Using the + operator with two numbers will add the two numbers and return the sum. Shown below is an example:

var amt1 = 4.35;
var amt2 = 5.65;
var total =  amt1 + amt2;
alert(total);

Result: 10

But using the + operator with a number in a string data type and a number returns a string with an incorrect result. Shown below is an example:

var amt1 = 4.35;
var amt2 = "5.65";
var total =  amt1 + amt2;
alert(total);

Result: 4.355.65

To use the + operator with a number, or numbers, in a string data type requires passing the strings to either parseInt() or parseFloat() to convert the strings to numbers. An example is shown below.

var strNum1 = "43";
var strNum2 = "35";
var total = parseInt(strNum1) + parseInt(strNum2);
alert(total);

Result: 78

More Java Script Code:
• JavaScript Code to Make Image Wave Like a Flag
• Debugging JavaScript : Coercions
• Calculate The Points of an Equilateral Triangle
• Easy Expanding Menu Code
• Play Music on Your HTML5 Web Page
• Date Picker For Your Web Site
• Easy Graph Generating Code
• Using a Select List for Navigation
• Easy Fading Text Banner Code
• How to Place Image on HTML5 Canvas

RSS Feed

 Follow @Stephen Bucaro

 General Web Design
 HTML Design
 Graphics Design
 CSS Quick Reference
 Easy Cascading Style Sheets
 Java Script Quick Reference
 Easy Java Script Code
 Web Design Tools
 Coding Issues