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.



JavaScript: Tips of the Day

Creates an object from the given key-value pairs

Example:

const tips_objectFromPairs = arr => arr.reduce((a, [key, val]) => ((a[key] = val), a), {});
console.log(tips_objectFromPairs([['x', 2], ['y', 4]])); 

Output:

[object Object] {
  x: 2,
  y: 4
}