JavaScript String Concatenation

Written by Swapnil RajaPublished 24 Aug 2026

Concatenation joins strings together into a longer one.

The plus operator is the usual way.

Template literals are usually clearer once more than two pieces are involved.

Example

javascript

const first = "Ada";
const last = "Lovelace";

console.log(first + " " + last);

The space has to be added deliberately.

Ways to Join

+ joins two strings.

+= adds to the end of an existing one.

concat and template literals do the same job.

PreviousJavaScript String trim NextJavaScript String Comparison

Complete Example

html

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript String Concatenation</title>
</head>
<body>

  <h1>String Concatenation</h1>

  <p id="out"></p>

  <script>
    const first = "Ada";
    const last = "Lovelace";
    const names = ["Ada", "Grace", "Alan"];

    document.getElementById("out").innerHTML =
      "Joined: " + first + " " + last +
      "<br>Template: " + `${first} ${last}` +
      "<br>From array: " + names.join(", ") +
      "<br>Repeated: " + "-".repeat(20);
  </script>

</body>
</html>

JavaScript String Concatenation

Example

Ways to Join

Syntax

Building Up in a Loop

Example

Numbers Become Text

Example

The concat Method

Example

Repeating

Example

Prefer Template Literals

Example

Complete Example

Try It Yourself

Important Points

Conclusion