String Manipulation in TypeScript

Introduction

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.

Tokenizing a String in TypeScript

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. TypeScript 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.

Exploring String Concatenation

In TypeScript, we leverage the + operator and template literals, gaining added type safety with clear error feedback during development: Using the + Operator: TypeScript let str1: string = "Hello,"; let str2: string = " World!"; let greeting: string = str1 + str2; console.log(greeting); // Output: "Hello, World!" Using Template Literals: TypeScript let str1: string = "Hello,"; let str2: string = " World!"; let greeting: string = `${str1}${str2}`; console.log(greeting); // Output: "Hello, World!" Using Array join Method: TypeScript 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.

Trimming Whitespace from Strings

TypeScript supports the trim method to eliminate extra spaces, with the added benefit of type-checking: TypeScript 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!" 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!"

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

TypeScript

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!"

TypeScript

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

TypeScript

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

TypeScript

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

TypeScript

let numStr: string = "123";
let num: number = parseInt(numStr);
console.log(num);  // Output: 123

let floatStr: string = "3.14";
let pi: number = parseFloat(floatStr);
console.log(pi);  // Output: 3.14

let age: number = 20;
let ageStr: string = age.toString();
console.log(`I am ${ageStr} years old.`); // Output: I am 20 years old.

let numStr: string = "123";
let num: number = parseInt(numStr);
console.log(num);  // Output: 123

let floatStr: string = "3.14";
let pi: number = parseFloat(floatStr);
console.log(pi);  // Output: 3.14

let age: number = 20;
let ageStr: string = age.toString();
console.log(`I am ${ageStr} years old.`); // Output: I am 20 years old.

TypeScript

let numbers: string = "1,2,3,4,6";
let numArray: string[] = numbers.split(",");
let sum: number = 0;

numArray.forEach((numStr: string) => {
    sum += parseInt(numStr);
});

let average: number = sum / numArray.length;
console.log("The average is " + average);  // Output: The average is 3.2

let numbers: string = "1,2,3,4,6";
let numArray: string[] = numbers.split(",");
let sum: number = 0;

numArray.forEach((numStr: string) => {
    sum += parseInt(numStr);
});

let average: number = sum / numArray.length;
console.log("The average is " + average);  // Output: The average is 3.2

TypeScript

let numStr: string = "123";
let num: number = parseInt(numStr);
console.log(num);  // Output: 123

let floatStr: string = "3.14";
let pi: number = parseFloat(floatStr);
console.log(pi);  // Output: 3.14

let age: number = 20;
let ageStr: string = age.toString();
console.log(`I am ${ageStr} years old.`); // Output: I am 20 years old.

TypeScript

let numbers: string = "1,2,3,4,6";
let numArray: string[] = numbers.split(",");
let sum: number = 0;

numArray.forEach((numStr: string) => {
    sum += parseInt(numStr);
});

let average: number = sum / numArray.length;
console.log("The average is " + average);  // Output: The average is 3.2

Introduction

Tokenizing a String in TypeScript

Exploring String Concatenation

Trimming Whitespace from Strings

Join the 1M+ learners on CodeSignal

TypeScript Type Conversions

Integrating String Tokenization and Type Conversions

Summary