String Manipulation in TypeScript

Welcome to this lesson on TypeScript, where we will explore essential string manipulation features including string tokenization, string concatenation, trimming whitespace from strings, and type conversion operations. TypeScript builds upon JavaScript with added type safety and intelligence, providing a robust development environment.

In TypeScript, we can utilize the split method from the String class to tokenize a string. With TypeScript's type system, we can explicitly specify types for more clarity and safety.

let sentence: string = "TypeScript is an amazing language!";
let tokens: string[] = sentence.split(" ");

tokens.forEach((token: string) => console.log(token));

// Output:
// TypeScript
// is
// an
// amazing
// language!

Here, we declare a string variable sentence and specify it should be treated as a string. The tokens variable is typed as a string array string[], providing clear expectations of the variable's contents. The forEach method iterates over each token, ensuring the type remains consistent throughout the operations.

In TypeScript, we leverage the + operator and template literals, gaining added type safety with clear error feedback during development:

Using the + Operator:

let str1: string = "Hello,";
let str2: string = " World!";
let greeting: string = str1 + str2;
console.log(greeting);  // Output: "Hello, World!"

Using Template Literals:

let str1: string = "Hello,";
let str2: string = " World!";
let greeting: string = `${str1}${str2}`;
console.log(greeting);  // Output: "Hello, World!"

Using Array join Method:

let strings: string[] = ["Hello", " World!", " TypeScript", " Arrays!"];
let result: string = strings.join("");
console.log(result);  // Output: "Hello World! TypeScript Arrays!"

TypeScript ensures that each variable is used with its intended type, providing clarity and reducing errors during string operations.

TypeScript supports the trim method to eliminate extra spaces, with the added benefit of type-checking:

let str: string = "    Hello, World!    "; // string with leading and trailing spaces
str = str.trim(); // remove leading and trailing spaces
console.log(str); // Output: "Hello, World!"