个性化阅读
专注于IT技术分析

TypeScript字符串用法和操作 – TypeScript开发教程

点击下载

上一章TypeScript教程请查看:TypeScript联合类型union

在TypeScript中,字符串是表示字符值序列的对象,它是用于存储文本数据的基本数据类型,字符串值被单引号或双引号包围,字符数组的工作方式与字符串相同。

语法

let var_name = new String(string);  

例子

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

创建字符串的三种方式

创建字符串有三种方法。

1、使用单引号引用的字符串

它用单引号括起字符串,如下所示。

例子

var studentName: String = 'Peter';  

2、双引号字符串

它用双引号括起字符串,如下所示。

例子

var studentName: String = "Peter";  

3、反勾号的字符串

它被用来写一个表达式。我们可以使用它将表达式嵌入到字符串中。它也被称为模板字符串,TypeScript支持来自ES6版本的模板字符串。

例子

let empName:string = "La Oreja";   
let compName:string = "srcmini";   
// ES6之前  
let empDetail1: string = empName + " and " + compName;   
// ES6之后  
let empDetail2: string = `${empName} and ${compName}`;   
console.log("Before ES6: " +empDetail1);  
console.log("After ES6: " +empDetail2);  

多行字符串

ES6为我们提供了多行字符串的编写,我们可以从下面的例子中理解它。

例子

et multi = 'hello ' +  
    'world ' +  
    'here ' +  
    'is ' +  
    'srcmini';  

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

例子

let multi = ' hello\n ' +  
    'srcmini\n ' +  
    'Hola\n ' +  
    'y\n ' +  
    'danke\n ';  
console.log(multi);  

字符串字面量

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

语法

Type variableName = "value1" | "value2" | "value3"; // 最多N个值 

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

1、变量赋值

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

例子

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

2、函数参数

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

例子

type FruitsName = "Apple" | "Mango" | "Orange";  
function showFruitName(fruitsName: FruitsName): void {  
    console.log(fruitsName);  
}  
showFruitName('Mango');   //OK  
// 编译时错误
showFruitName('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() 它返回指定对象的原语值。

例子

//字符串初始化
let str1: string = 'Hello';  
let str2: string = 'srcmini';  
//字符串连接
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());  
赞(0)
未经允许不得转载:srcmini » TypeScript字符串用法和操作 – TypeScript开发教程

评论 抢沙发

评论前必须登录!