w3resource

JavaScript: String Operators

String Concatenation

When working with JavaScript strings sometimes you need to join two or more strings together into a single string. Joining multiple strings together is known as concatenation.

The concatenation operator

The concatenation operator (+) concatenates two or more string values together and return another string which is the union of the two operand strings.

The shorthand assignment operator += can also be used to concatenate strings.

Example:

The following web document demonstrates the use of concatenation operator (+) and shorthand assignment operator +=.

HTML Code

<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript string operator example.</title>
<meta name="description" content="This document contains an example of JavaScript string operator"/>
</head>
<body>
<script src="javascript-string-operator-example1.js"></script>
</body>
</html>

JS Code

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);

string1 +='.com';
var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1); 

View the example in the browser

Practice the example above online

See the Pen string-operator-1 by w3resource (@w3resource) on CodePen.


Previous: JavaScript: Logical Operators - AND, OR, NOT
Next: JavaScript: Conditional Operator

Test your Programming skills with w3resource's quiz.



Share this Tutorial / Exercise on : Facebook and Twitter

JavaScript: Tips of the Day

Using the window.location object

JavaScript can access the current URL using the window.location object. Pretty neat, but even cooler is that this object contains certain parts of the URL as well.
Get access to the protocol/host/pathname/search/and more!

// JavaScript can access the current URL in parts. For this URL:
'https://thatsanegg.com/example/index.html?s=article'
window.location.protocol == 'https:'
window.location.host == 'thatsanegg.com'
window.location.pathname == '/example/index.html'
window.location.search == '?s=article'

Ref: https://bit.ly/2LBj213