Skip to content

String

String 对象用于处理文本(字符串)。

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

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

语法

typescript
var txt = new String("string");

或者更简单方式:

typescript
var txt = "string";

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

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

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

实例

typescript
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 对象。

实例

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

console.log(strLiteral === strObject);  // 输出:false,内容相同,类型不同
console.log(strLiteral == strObject);   // 输出:true,内容相同
console.log(strLiteral === strObject.valueOf()); // 输出:true,将对象转为原始字符串后比较

strLiteral 是原始字符串类型(string),而 strObject 是 String 对象类型(String)。这意味着它们的类型不同。

以上代码转为 JavaScript 代码为:

实例

javascript
var strLiteral = "Test";
var strObject = new String("Test");
console.log(strLiteral === strObject); // 输出:false,内容相同,类型不同
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)

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 字面量类型,以简化代码,提高性能,避免不必要的类型转换和复杂性

实例

typescript
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."