JavaScript concat(): Concatenate Two or More Strings

The JavaScript concat() method is used when we need to concatenate or join two or more strings. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>

   <p>First string: <span id="one"></span></p>
   <p>Second string: <span id="two"></span></p>
   <p>String after joining first and second string: <span id="concat"></span></p>

   <script>
      let firstString = "codes";
      let secondString = "cracker";
      
      let concatString = firstString.concat(secondString);

      document.getElementById("one").innerHTML = firstString;
      document.getElementById("two").innerHTML = secondString;
      document.getElementById("concat").innerHTML = concatString;
   </script>
   
</body>
</html>
Output

First string:

Second string:

String after joining first and second string:

JavaScript concat() syntax

The syntax of the concat() method in JavaScript is:

string.concat(string1, string2, ..., stringN)

At least one string as an argument to the concat() method is required.

All the strings defined as arguments to concat() will be joined into the string in the same order as the arguments. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>

   <p id="xyz"></p>

   <script>
      let a = "codes";
      let b = "cracker";
      let c = ".";
      let d = "com";
      
      let x = a.concat(b, c, d);
      document.getElementById("xyz").innerHTML = x;
   </script>
   
</body>
</html>
Output

If you change the order of the parameters, then the returned string will be changed. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>

   <p id="abc"></p>

   <script>
      let a = "codes";
      let b = "cracker";
      let c = ".";
      let d = "com";
      
      let x = a.concat(c, d, b);
      document.getElementById("abc").innerHTML = x;
   </script>
   
</body>
</html>
Output

That is, all strings provided as parameters to concat() will be joined to the string that is provided before the concat() method. For example:

m.concat(n, o, p, q, r, s, t)

The returned string will be the value of m+n+0+p+q+r+s+t. Notice the first one, which is m.

JavaScript Online Test


« Previous Tutorial Next Tutorial »


Liked this post? Share it!