How to Concatenate Strings in JavaScript? Last Updated : 27 Nov, 2024 Comments Improve Suggest changes Like Article Like Report Here are the various methods to concatenate strings in JavaScript1. Using Template Literals (Template Strings)Template literals (introduced in ES6) provide a simple way to concatenate strings. With template literals, you can embed expressions inside a string using ${} syntax. This method makes the code cleaner and easier to maintain, especially when working with dynamic content. JavaScript let fName = "Mohit"; let lName = "Kumar"; let fullName = `${fName} ${lName}`; console.log(fullName); OutputMohit Kumar Ideal for concatenating strings with variables or expressions.Spaces and other characters can be included directly inside the template.2. Using the + OperatorThe + (plus) operator is the most common way to concatenate strings. It’s simple to use, and you can combine two or more strings with a plus sign between them. JavaScript let fName = "Mohit"; let lName = "Kumar"; let fullName = fName + " " + lName; console.log(fullName); OutputMohit Kumar Easy to use for basic string concatenation.Works with all types of strings and variables.3. Using the concat() MethodThe concat() method is a built-in JavaScript function that combines multiple strings into one. While not as commonly used as the + operator or template literals, concat() is still a valid option, especially when you want a method-based approach. JavaScript let greet = "Hello"; let time = "Morning"; let mes = greet.concat(" ", time); console.log(mes); OutputHello Morning You can pass multiple strings to concat() to join them all at once.It doesn’t modify the original strings; it returns a new string.4. Using join() for ArraysWhen you have an array of strings and want to join them together, the join() method is a great choice. It concatenates all elements in an array into a single string, with an optional separator between them. JavaScript let a = ["Hello", "world", "from", "JavaScript"]; let s = a.join(" "); console.log(s); OutputHello world from JavaScript Perfect for concatenating all elements of an array into one string.Allows you to specify a separator, such as a comma, space, or any other character.5. Using String.fromCharCode() and reduce()For advanced uses, you can use String.fromCharCode() combined with reduce(). This method is usually used for specific cases, such as creating strings based on character codes or reducing an array into a single string in a custom way. JavaScript let a = [72, 101, 108, 108, 111]; let greet = a.reduce((acc, code) => acc + String.fromCharCode(code), ""); console.log(greet); OutputHello Useful when working with character codes or when custom logic is required during concatenation.Provides flexibility for complex scenarios, like transforming arrays of numbers into strings based on specific logic.For most everyday use cases, template literals and the + operator are the go-to options. However, for more advanced scenarios, concat(), join(), or reduce() with String.fromCharCode() might be more suitable. Comment More infoAdvertise with us Next Article How to Concatenate Strings in JavaScript? V vkash8574 Follow Improve Article Tags : JavaScript Web Technologies javascript-string JavaScript-DSA JavaScript-Questions +1 More Similar Reads How to Create JSON String in JavaScript? JSON strings are widely used for data interchange between a server and a client, or between different parts of a software system. So converting objects to JSON strings is very important for good client-server communication. Below are the following approaches to creating a JSON string: Table of Conte 2 min read How to concatenate regex literals in JavaScript ? Regex is a sequence of pattern that is used for matching with a pattern. While searching for data in a text, the search pattern is described for what we are searching for. It can be a single character or a more complex pattern. It can be used to perform all types of text searches. Regex has its own 2 min read How to Convert JSON to string in JavaScript ? In this article, we are going to learn the conversion of JSON to string in JavaScript. Converting JSON to a string in JavaScript means serializing a JavaScript object or data structure represented in JSON format into a textual JSON string for data storage or transmission.Several methods can be used 3 min read How to create multi-line strings in JavaScript ? In JavaScript, the absence of native support for multi-line strings was a longstanding challenge. However, with the advent of ES6 (ECMAScript 2015), the things changed dramatically. ES6 introduced string literals, offering robust support for multi-line strings, which was a significant enhancement fo 3 min read How to Print a String in JavaScript ? In JavaScript, printing a string means displaying the contents of a string variable or literal to the console, webpage, or any other output medium. Strings are a fundamental data type in JavaScript, representing sequences of characters enclosed within single ('') or double ("") quotes. Table of Cont 2 min read How to modify a string in JavaScript ? JavaScript strings are used for storing and manipulating text. It can contain zero or more characters within quotes and its indexing starts with 0. Strings are defined as an array of characters. In Javascript, we can also convert strings to a Character array. Representing a String: 1. Using double 3 min read Convert Array to String in JavaScript In JavaScript, converting an array to a string involves combining its elements into a single text output, often separated by a specified delimiter. This is useful for displaying array contents in a readable format or when storing data as a single string. The process can be customized to use differen 7 min read How to Create a New Line in JavaScript ? A new line can be made in JavaScript using the below-discussed methods.Using Escape Sequence `\n`The \n escape sequence represents a newline character in JavaScript strings and it can used to render a new line in JavaScript.JavaScriptconsole.log("GfG"); console.log("\n"); // New line console.log("Co 2 min read How to Create a String with Variables in JavaScript? To create a string with variables in JavaScript, you can use several methods, including string concatenation, template literals, and the String methods. Here are the common approaches:1. Template Literals (Recommended)Template literals are the modern and most preferred way to create strings with var 2 min read Shell Script to Concatenate Two Strings String concatenation is the process of appending a string to the end of another string. This can be done with shell scripting using two methods: using the += operator, or simply writing strings one after the other. The examples below show some shell scripts that can be used to concatenate strings. E 3 min read Like