TypeScript 字符串

2025年4月14日 | 阅读时间：4分钟

在 TypeScript 中，字符串是一个表示字符序列的对象。它是一种用于存储文本数据的基本数据类型。字符串值用单引号或双引号括起来。字符数组与字符串的作用相同。

语法

示例

let uname = new String("Hello JavaTpoint");
console.log("Message: " +uname);
console.log("Length: "+uname.length);

输出

Message: Hello JavaTpoint
Length: 16

我们可以通过三种方式创建字符串。

1. 单引号字符串

将字符串用单引号括起来，如下所示。

示例

2. 双引号字符串

将字符串用双引号括起来，如下所示。

示例

3. 反引号字符串

用于编写表达式。我们可以用它将表达式嵌入到字符串中。它也被称为模板字符串。TypeScript 从 ES6 版本开始支持模板字符串。

示例

let empName:string = "Rohit Sharma"; 
let compName:string = "JavaTpoint"; 
// Pre-ES6
let empDetail1: string = empName + " works in the " + compName + " company."; 
// Post-ES6
let empDetail2: string = `${empName} works in the ${compName} company.`; 
console.log("Before ES6: " +empDetail1);
console.log("After ES6: " +empDetail2);

输出

Before ES6: Rohit Sharma works in the JavaTpoint company.
After ES6: Rohit Sharma works in the JavaTpoint company.

多行字符串

ES6 允许我们编写多行字符串。我们可以从下面的例子中理解它。

示例

let multi = 'hello ' +
    'world ' +
    'my ' +
    'name ' +
    'is ' +
    'Rohit';

如果希望字符串中的每一行都包含“换行符”，那么我们必须在每行字符串的末尾添加 “\n”。

示例

let multi = ' hello\n ' +
    'JavaTpoint\n ' +
    'my\n ' +
    'name\n ' +
    'is\n ' +
    'Rohit Sharma';
console.log(multi);

输出

hello
JavaTpoint
my
name
is
Rohit Sharma

字符串字面量类型

字符串字面量是用双引号 (" ") 括起来的字符序列。它用于表示形成以 null 结尾的字符串的字符序列。它允许我们指定在“字符串字面量类型”中指定的确切字符串值。它在不同的字符串值之间使用 “pipe” 或 “|” 符号。

语法

字符串字面量可以以两种方式使用：

1. 变量赋值

我们只能将允许的值分配给字面量类型的变量。否则，它将给出编译时错误。

示例

type Pet = 'cat' | 'dog' | 'Rabbit';
let pet: Pet;
if(pet = 'cat'){
    console.log("Correct");
};
if(pet = 'Deer')
{
    console.log("compilation error");
};

输出

Correct
compilation error

2. 函数参数

我们只能将定义的值传递给字面量类型参数。否则，它将给出编译时错误。

示例

type FruitsName = "Apple" | "Mango" | "Orange";
function showFruitName(fruitsName: FruitsName): void {
    console.log(fruitsName);
}
showFruitName('Mango');   //OK - Print 'Mango'
//Compile Time Error
showFruitName('Banana');

输出

Mango
Banana

字符串方法

下面给出了字符串方法的列表及其描述。

序号	方法	描述
1.	charAt()	它返回给定索引的字符。
2.	concat()	它返回两个或多个字符串的组合结果。
3.	endsWith()	用于检查字符串是否以另一个字符串结尾。
4.	includes()	它检查字符串是否包含另一个字符串。
5.	indexOf()	它从字符串中返回指定子字符串第一次出现的索引，否则返回 -1。
6.	lastIndexOf()	它返回字符串中某个值的最后一次出现的索引。
7.	match()	用于匹配给定的字符串与正则表达式。
8.	replace()	用新的子字符串替换匹配的子字符串。
9.	search()	它搜索正则表达式和字符串之间的匹配项。
10.	slice()	它返回字符串的一部分。
11.	split()	它将字符串拆分成子字符串并返回一个数组。
12.	substring()	它返回两个给定索引之间的字符串。
13.	toLowerCase()	它将字符串的所有字符转换为小写。
14.	toUpperCase()	它将字符串的所有字符转换为大写。
15.	trim()	用于从字符串的开头和结尾修剪空格。
16.	trimLeft()	用于从字符串的左侧修剪空格。
17.	trimRight()	用于从字符串的右侧修剪空格。
18.	valueOf()	它返回指定对象的原始值。

示例

//String Initialization
let str1: string = 'Hello';
let str2: string = 'JavaTpoint';
//String Concatenation
console.log("Combined Result: " +str1.concat(str2));
//String charAt
console.log("Character At 4: " +str2.charAt(4));
//String indexOf
console.log("Index of T: " +str2.indexOf('T'));
//String replace
console.log("After Replacement: " +str1.replace('Hello', 'Welcome to'));
//String uppercase
console.log("UpperCase: " +str2.toUpperCase());

输出

Combined Result: HelloJavaTpoint
Character At 4: T
Index of T: 4
After Replacement: Welcome to
UpperCase: JAVATPOINT

下一个主题TypeScript 数字

TypeScript 字符串

语法

示例

1. 单引号字符串

2. 双引号字符串

3. 反引号字符串

多行字符串

示例

示例

字符串字面量类型

语法

1. 变量赋值

2. 函数参数

字符串方法

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

TypeScript 教程

差异

面试题

TypeScript 字符串

语法

示例

1. 单引号字符串

2. 双引号字符串

3. 反引号字符串

多行字符串

示例

示例

字符串字面量类型

语法

1. 变量赋值

2. 函数参数

字符串方法

示例

相关帖子

TypeScript Switch 语句

TypeScript 箭头函数

TypeScript 第一个程序

从 JavaScript 迁移到 TypeScript

类型注释

TypeScript 数字

TypeScript 访问修饰符

TypeScript 无限循环

Typescript 元组

TypeScript 特性

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器