Skip to content

TypeScript 字符串

字符串(String)是用于表示文本数据的一种基本数据类型。在 TypeScript 中,字符串的类型是 string。你可以使用单引号 (')、双引号 (") 或反引号 (`) 来创建字符串。

创建字符串

typescript
let singleQuote: string = 'Hello';
let doubleQuote: string = "World";

模板字符串 (Template Strings)

模板字符串是 ES6 引入的特性,使用反引号 (`) 包围。它们提供了更强大的功能:

  1. 嵌入表达式:你可以在字符串中通过 ${expression} 的语法嵌入变量或任何有效的 JavaScript 表达式。
  2. 多行字符串:字符串可以跨越多行,而不需要使用 +\

示例

typescript
let name: string = "TypeScript";
let version: number = 5.2;

// 嵌入变量
let greeting: string = `Hello, ${name}!`;
console.log(greeting); // 输出: Hello, TypeScript!

// 嵌入表达式
let message: string = `The next version will be ${version + 0.1}.`;
console.log(message); // 输出: The next version will be 5.3.

// 多行字符串
let multiLine: string = `
This is a string
that spans across
multiple lines.
`;
console.log(multiLine);

常用的字符串属性和方法

TypeScript 字符串拥有和 JavaScript 字符串相同的属性和方法。

length 属性

返回字符串的长度。

typescript
let str = "Hello, World!";
console.log(str.length); // 13

常用方法

  • charAt(index): 返回指定索引位置的字符。

    typescript
    console.log(str.charAt(0)); // 'H'
  • concat(...strings): 连接一个或多个字符串,并返回新的字符串。

    typescript
    let str1 = "Hello";
    let str2 = " World";
    console.log(str1.concat(str2, "!")); // "Hello World!"
  • indexOf(searchValue): 返回指定子字符串首次出现的位置的索引,如果未找到则返回 -1。

    typescript
    console.log(str.indexOf('o')); // 4
    console.log(str.indexOf('z')); // -1
  • slice(startIndex, endIndex): 提取字符串的一部分并返回一个新的字符串。endIndex 是可选的。

    typescript
    console.log(str.slice(0, 5)); // "Hello"
    console.log(str.slice(7)); // "World!"
  • split(separator): 使用指定的分隔符将字符串分割成一个字符串数组。

    typescript
    let words = str.split(' ');
    console.log(words); // ["Hello,", "World!"]
  • toLowerCase(): 将字符串转换为小写。

    typescript
    console.log(str.toLowerCase()); // "hello, world!"
  • toUpperCase(): 将字符串转换为大写。

    typescript
    console.log(str.toUpperCase()); // "HELLO, WORLD!"
  • trim(): 移除字符串两端的空白字符。

    typescript
    let paddedStr = "   some text   ";
    console.log(paddedStr.trim()); // "some text"
  • substring(startIndex, endIndex): 返回在指定索引之间的子字符串。

    typescript
    console.log(str.substring(0, 5)); // "Hello"

由于 TypeScript 的类型系统,当你调用这些方法时,IDE(如 VS Code)可以提供智能的自动补全和参数信息提示,极大地提高了开发效率。

本站内容仅供学习和研究使用。