site logo

Marico' space

js/ts中, 字符串的常见操作

前端技术 2024-06-08 17:40:19 171

1. 获取字符串长度:

  • length 属性:str.length 返回字符串的字符数。

2. 访问字符:

  • charAt(index):返回指定索引处的字符。
  • charCodeAt(index):返回指定索引处字符的Unicode编码值。

3. 比较字符串:

  • localeCompare():比较两个字符串,并根据本地排序规则返回值。
  • == 和 ===:用于比较字符串是否相等,== 忽略类型,=== 既检查值也检查类型。

4. 字符串拼接:

  • + 运算符:可以连接两个或更多字符串。
  • concat(string2, string3, ...):连接多个字符串。

5. 查找和替换:

  • indexOf(searchValue[, fromIndex]):查找子字符串首次出现的索引,返回 -1 表示未找到。
  • lastIndexOf(searchValue[, fromIndex]):查找子字符串最后一次出现的索引。
  • search(regexp|searchValue):使用正则表达式查找子字符串,返回匹配的索引。
  • replace(regexp|searchValue, newSubStr|function):替换匹配的子字符串,返回新字符串。

6. 切割和截取:

  • substring(indexStart[, indexEnd]):返回从 indexStart 到 indexEnd-1 的子字符串。
  • substr(start[, length]) 返回从start 开始的8个字符组成的字符串, 不足8个全部返回。
  • slice(start[, end]):与 substring 类似,但行为更一致,尤其是在负数参数时。
  • split([separator[, limit]]):根据分隔符分割字符串成数组。

7. 大小写转换:

toUpperCase():将字符串转换为大写。

toLowerCase():将字符串转换为小写。

8. 去除空白:

  • trim():移除字符串两端的空白字符。
  • trimLeft():移除字符串左侧的空白字符。
  • trimRight():移除字符串右侧的空白字符。

9. 模板字符串(ES6新增):

  • 使用反引号()创建,允许内联表达式`${expression}`。
  • 字符串重复(ES6新增):

repeat(count):将字符串重复指定次数。

  • 字符串包含检查(ES6新增):

includes(searchString[, position]):检查字符串是否包含指定子字符串,返回布尔值。

  • 字符串填充(ES6新增):

padStart(targetLength[, padString]):在字符串开头填充字符以达到目标长度。

padEnd(targetLength[, padString]):在字符串末尾填充字符以达到目标长度。

以上只是JavaScript字符串操作的一部分,还有更多高级功能,如正则表达式的使用、字符串的迭代器等