How to concat string and number in Typescript

In TypeScript, concatenating strings and numbers is a straightforward operation. You can use the plus sign (+) for string concatenation, which combines strings and numbers to form a new string. This process is identical in JavaScript, as TypeScript is a superset of JavaScript.

Example

Suppose we have a number variable and a string variable that we want to concatenate. Here is an example of how to do this in TypeScript:

typescript
let age: number = 25;
let message: string = "My age is " + age;
console.log(message);

In this example, age is a variable of type number with a value of 25. message is a variable of type string that is assigned the concatenation of the string "My age is " and the number age. The final output will be:

shell
My age is 25

Using Template Literals

TypeScript (and JavaScript versions from ES6 and above) offers a more modern approach to concatenating strings and variables using template literals. Template literals allow you to create string literals that include embedded expressions. Here is an example of using template literals to concatenate strings and numbers:

typescript
let age: number = 25;
let message: string = `My age is ${age}`;
console.log(message);

Here, backticks (`) are used instead of single or double quotes to define the string, and ${age} is a placeholder that gets replaced by the value of the age variable. This method makes string creation more intuitive and readable.

Summary

Concatenating strings and numbers in TypeScript is straightforward. You can use the classic plus operator or modern template literals. Template literals provide a clearer and more convenient way to handle strings, especially when inserting multiple variables or expressions. In actual development, it is recommended to use template literals as much as possible because they make the code cleaner and easier to maintain.