首页 前端知识 TypeScript算法基础——TS字符串的常用操作总结:substring、indexOf、slice、replace. . .

TypeScript算法基础——TS字符串的常用操作总结:substring、indexOf、slice、replace. . .

2024-04-20 17:04:04 前端知识 前端哥 488 174 我要收藏

在TypeScript中,字符串的常用操作可以使用以下方法来实现:

常用

  1. substring(startIndex: number, endIndex?: number): string:返回从startIndex开始到endIndex(不包括)之间的子字符串。如果省略endIndex,则返回从startIndex到字符串末尾的子字符串。
const str = "Hello, World!";
const subStr = str.substring(7, 12); // "World"
  1. indexOf(searchValue: string, startIndex?: number): number:返回searchValue在字符串中第一次出现的索引位置。如果找不到该值,则返回-1。可以使用startIndex参数指定搜索的起始位置。
const str = "Hello, World!";
const index = str.indexOf("World"); // 7
  1. slice(startIndex: number, endIndex?: number): string:返回从startIndex开始到endIndex(不包括)之间的子字符串。如果省略endIndex,则返回从startIndex到字符串末尾的子字符串。与substring()方法类似,但slice()方法也支持负数索引。
const str = "Hello, World!";
const subStr = str.slice(7, 12); // "World"
  1. replace(searchValue: string | RegExp, replaceValue: string): string:将字符串中的searchValue替换为replaceValue,并返回新的字符串。searchValue可以是一个字符串或正则表达式。
const str = "Hello, World!";
const newStr = str.replace("World", "Universe"); // "Hello, Universe!"
  1. toUpperCase(): string:将字符串转换为大写。
const str = "Hello, World!";
const upperCaseStr = str.toUpperCase(); // "HELLO, WORLD!"
  1. toLowerCase(): string:将字符串转换为小写。
const str = "Hello, World!";
const lowerCaseStr = str.toLowerCase(); // "hello, world!"
  1. trim(): string:去除字符串两端的空格。
const str = "   Hello, World!   ";
const trimmedStr = str.trim(); // "Hello, World!"

这些方法是字符串处理中常用的操作,可以根据具体的需求选择适合的方法来处理字符串。需要注意的是,这些方法都返回新的字符串,原始字符串并不会被修改。

查找字符串

在JavaScript/TypeScript中,有多种方法可以用于查找字符串。以下是几种常见的方法:

  1. indexOf(searchValue: string, startIndex?: number): number:返回searchValue在字符串中第一次出现的索引位置。如果找不到该值,则返回-1。可以使用startIndex参数指定搜索的起始位置。
const str = "Hello, World!";
const index = str.indexOf("World"); // 7
  1. lastIndexOf(searchValue: string, startIndex?: number): number:返回searchValue在字符串中最后一次出现的索引位置。如果找不到该值,则返回-1。可以使用startIndex参数指定搜索的起始位置。
const str = "Hello, World!";
const index = str.lastIndexOf("o"); // 8
  1. search(regexp: string | RegExp): number:使用正则表达式搜索字符串,并返回第一个匹配的索引位置。如果找不到匹配项,则返回-1。
const str = "Hello, World!";
const index = str.search(/World/); // 7
  1. includes(searchValue: string, startIndex?: number): boolean:判断字符串中是否包含searchValue。如果包含,则返回true,否则返回false。可以使用startIndex参数指定搜索的起始位置。
const str = "Hello, World!";
const includes = str.includes("World"); // true
  1. startsWith(searchValue: string, startIndex?: number): boolean:判断字符串是否以searchValue开头。如果是,则返回true,否则返回false。可以使用startIndex参数指定搜索的起始位置。
const str = "Hello, World!";
const startsWith = str.startsWith("Hello"); // true
  1. endsWith(searchValue: string, endIndex?: number): boolean:判断字符串是否以searchValue结尾。如果是,则返回true,否则返回false。可以使用endIndex参数指定搜索的结束位置。
const str = "Hello, World!";
const endsWith = str.endsWith("World"); // false

以上是一些常用的字符串查找方法,根据具体的需求选择适合的方法来查找字符串。需要注意的是,这些方法都返回布尔值或索引位置,而不是具体的匹配字符串。

提取字符串

在JavaScript/TypeScript中,有多种方法可以用于提取字符串的子串。以下是几种常见的方法:

  1. substring(startIndex: number, endIndex?: number): string:返回从startIndex开始到endIndex(不包括)之间的子字符串。如果省略endIndex,则返回从startIndex到字符串末尾的子字符串。与slice()方法类似,但substring()方法不支持负数索引。
const str = "Hello, World!";
const subStr = str.substring(7, 12); // "World"
  1. substr(startIndex: number, length?: number): string:返回从startIndex开始,长度为length的子字符串。如果省略length,则返回从startIndex到字符串末尾的子字符串。
const str = "Hello, World!";
const subStr = str.substr(7, 5); // "World"
  1. slice(startIndex: number, endIndex?: number): string:返回从startIndex开始到endIndex(不包括)之间的子字符串。如果省略endIndex,则返回从startIndex到字符串末尾的子字符串。与substring()方法类似,但slice()方法也支持负数索引。
const str = "Hello, World!";
const subStr = str.slice(7, 12); // "World"
  1. split(separator: string | RegExp, limit?: number): string[]:将字符串分割成子字符串数组,根据指定的分隔符separator进行分割。可以使用limit参数限制返回的子字符串数量。
const str = "Hello, World!";
const parts = str.split(","); // ["Hello", " World!"]

这些方法可以根据具体的需求选择适合的方法来提取字符串的子串。需要注意的是,这些方法返回新的字符串或字符串数组,原始字符串并不会被修改。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5478.html
标签
ubuntu
评论
发布的文章

CSS(8)空间转换 动画

2024-04-29 12:04:29

CSS介绍(4)--背景属性

2024-04-29 12:04:26

Web学习记录---CSS(1)

2024-04-29 12:04:17

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!