TypeScript String（字符串）

String 对象用于处理文本（字符串）。

在 TypeScript 中，字符串可以通过 String 对象来创建，即使用 new String(...) 的方式。

不过，通常不建议使用 String 对象，而是直接使用字符串字面量，因为 String 对象会带来一些性能和类型上的问题。

语法

var txt = new String("string");

或者更简单方式：

var txt = "string";

String 对象与字符串字面量的区别

String 对象和字符串字面量在类型上是不同的：

字符串字面量是基本数据类型 string，用于直接存储字符串值。
String 对象是 String 类型，实际上是一个对象，而非原始的字符串值。

实例

let strLiteral: string = "Hello";
let strObject: String = new String("Hello");

console.log(typeof strLiteral); // 输出："string"
console.log(typeof strObject); // 输出："object"

字符串字面量和 String 对象的类型兼容性

在 TypeScript 中，string 字面量类型和 String 对象类型不完全兼容。

例如，string 类型的变量无法直接使用 String 对象的方法，反之亦然。因此，通常情况下不需要使用 String 对象。

实例

let strLiteral: string = "Test";
let strObject: String = new String("Test");

console.log(strLiteral === strObject); // 输出：true，内容相同
console.log(strLiteral == strObject); // 输出：true，内容相同
console.log(strLiteral === strObject.valueOf()); // 输出：true，将对象转为原始字符串后比较

String 对象属性

下表列出了 String 对象支持的属性：

序号	属性 & 描述	实例
1.	constructor 对创建该对象的函数的引用。	var str = new String( "This is string" ); console.log("str.constructor is:" + str.constructor) 输出结果： str.constructor is:function String() { [native code] }
2.	length 返回字符串的长度。	var uname = new String("Hello World") console.log("Length "+uname.length) // 输出 11
3.	prototype 允许您向对象添加属性和方法。	function employee(id:number,name:string) { this.id = id this.name = name } var emp = new employee(123,"admin") employee.prototype.email="admin@runoob.com" // 添加属性 email console.log("员工号: "+emp.id) console.log("员工姓名: "+emp.name) console.log("员工邮箱: "+emp.email)

序号

属性 & 描述

实例

constructor

对创建该对象的函数的引用。

var str = new String( "This is string" ); 
console.log("str.constructor is:" + str.constructor)

输出结果：

str.constructor is:function String() { [native code] }

length

返回字符串的长度。

var uname = new String("Hello World") 
console.log("Length "+uname.length)  // 输出 11

prototype

允许您向对象添加属性和方法。

function employee(id:number,name:string) { 
    this.id = id 
    this.name = name 
 } 
 var emp = new employee(123,"admin") 
 employee.prototype.email="admin@runoob.com" // 添加属性 email
 console.log("员工号: "+emp.id) 
 console.log("员工姓名: "+emp.name) 
 console.log("员工邮箱: "+emp.email)

String 方法

下表列出了 String 对象支持的方法：

序号	方法 & 描述	实例
1.	charAt() 返回在指定位置的字符。	var str = new String("RUNOOB"); console.log("str.charAt(0) 为:" + str.charAt(0)); // R console.log("str.charAt(1) 为:" + str.charAt(1)); // U console.log("str.charAt(2) 为:" + str.charAt(2)); // N console.log("str.charAt(3) 为:" + str.charAt(3)); // O console.log("str.charAt(4) 为:" + str.charAt(4)); // O console.log("str.charAt(5) 为:" + str.charAt(5)); // B
2.	charCodeAt() 返回在指定的位置的字符的 Unicode 编码。	var str = new String("RUNOOB"); console.log("str.charCodeAt(0) 为:" + str.charCodeAt(0)); // 82 console.log("str.charCodeAt(1) 为:" + str.charCodeAt(1)); // 85 console.log("str.charCodeAt(2) 为:" + str.charCodeAt(2)); // 78 console.log("str.charCodeAt(3) 为:" + str.charCodeAt(3)); // 79 console.log("str.charCodeAt(4) 为:" + str.charCodeAt(4)); // 79 console.log("str.charCodeAt(5) 为:" + str.charCodeAt(5)); // 66
3.	concat() 连接两个或更多字符串，并返回新的字符串。	var str1 = new String( "RUNOOB" ); var str2 = new String( "GOOGLE" ); var str3 = str1.concat( str2 ); console.log("str1 + str2 : "+str3) // RUNOOBGOOGLE
4.	indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。	var str1 = new String( "RUNOOB" ); var index = str1.indexOf( "OO" ); console.log("查找的字符串位置 :" + index ); // 3
5.	lastIndexOf() 从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。	var str1 = new String( "This is string one and again string" ); var index = str1.lastIndexOf( "string" ); console.log("lastIndexOf 查找到的最后字符串位置 :" + index ); // 29 index = str1.lastIndexOf( "one" ); console.log("lastIndexOf 查找到的最后字符串位置 :" + index ); // 15
6.	localeCompare() 用本地特定的顺序来比较两个字符串。	var str1 = new String( "This is beautiful string" ); var index = str1.localeCompare( "This is beautiful string"); console.log("localeCompare first :" + index ); // 0
7.	match() 查找找到一个或多个正则表达式的匹配。	var str="The rain in SPAIN stays mainly in the plain"; var n=str.match(/ain/g); // ain,ain,ain
8.	replace() 替换与正则表达式匹配的子串	var re = /(\w+)\s(\w+)/; var str = "zara ali"; var newstr = str.replace(re, "$2, $1"); console.log(newstr); // ali, zara
9.	search() 检索与正则表达式相匹配的值	var re = /apples/gi; var str = "Apples are round, and apples are juicy."; if (str.search(re) == -1 ) { console.log("Does not contain Apples" ); } else { console.log("Contains Apples" ); }
10.	slice() 提取字符串的片断，并在新的字符串中返回被提取的部分。
11.	split() 把字符串分割为子字符串数组。	var str = "Apples are round, and apples are juicy."; var splitted = str.split(" ", 3); console.log(splitted) // [ 'Apples', 'are', 'round,' ]
12.	substr() 从起始索引号提取字符串中指定数目的字符。
13.	substring() 提取字符串中两个指定的索引号之间的字符。	var str = "RUNOOB GOOGLE TAOBAO FACEBOOK"; console.log("(1,2): " + str.substring(1,2)); // U console.log("(0,10): " + str.substring(0, 10)); // RUNOOB GOO console.log("(5): " + str.substring(5)); // B GOOGLE TAOBAO FACEBOOK
14.	toLocaleLowerCase() 根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射。	var str = "Runoob Google"; console.log(str.toLocaleLowerCase( )); // runoob google
15.	toLocaleUpperCase() 据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射。	var str = "Runoob Google"; console.log(str.toLocaleUpperCase( )); // RUNOOB GOOGLE
16.	toLowerCase() 把字符串转换为小写。	var str = "Runoob Google"; console.log(str.toLowerCase( )); // runoob google
17.	toString() 返回字符串。	var str = "Runoob"; console.log(str.toString( )); // Runoob
18.	toUpperCase() 把字符串转换为大写。	var str = "Runoob Google"; console.log(str.toUpperCase( )); // RUNOOB GOOGLE
19.	valueOf() 返回指定字符串对象的原始值。	var str = new String("Runoob"); console.log(str.valueOf( )); // Runoob

String 对象的使用建议

在 TypeScript 中，使用 String 对象通常是不必要的，直接使用 string 字面量会更高效且符合 TypeScript 的最佳实践：

性能：String 对象是一个引用类型，会占用更多内存，且每次创建一个新对象性能开销更大。
类型安全：TypeScript 更鼓励使用 string 字面量类型，保持代码的简洁和一致性。

如果确实需要使用 String 对象的方法，可以通过 valueOf() 方法将对象转为原始字符串，然后继续处理。

通常情况下，TypeScript 推荐直接使用 string 字面量类型，以简化代码，提高性能，避免不必要的类型转换和复杂性。

实例

let strLiteral: string = "Use string literals whenever possible!";
let strObject: String = new String("Avoid using String objects.");

console.log(strLiteral); // 输出："Use string literals whenever possible!"
console.log(strObject.valueOf()); // 输出："Avoid using String objects."

返回顶部

菜鸟教程