JS中字符串常用方法（总结）

宝子向前冲

已于 2023-10-20 13:37:14 修改

阅读量219

点赞数 3

文章标签：前端 javascript 开发语言

于 2023-10-15 10:59:05 首次发布

本文链接：https://blog.csdn.net/m0_66570642/article/details/133839609

版权

16、charCodeAt：Unicode 编码值

方法中添加的参数：开始位置包含添加的第一个参数，结束位置不包含第二个

1、length：长度

返回字符串的长度。

let a = "abc";
console.log(a.length); //3

2、concat()：拼接

拼接多个字符串，返回一个新的字符串。

let a = "aba";
let b = "cac";
console.log(a.concat(b)); //abacbc

3、indexOf()：索引初

indexOf 方法用于返回指定字符或子字符串第一次出现的位置索引。如果未找到该字符或子字符串，则返回 -1。indexOf 方法区分大小写

indexOf 方法有两种常见的使用方式：

1.搜索指定字符或子字符串的第一次出现：

const str = 'Hello, World!';
const index = str.indexOf('o');
console.log(index); // 输出: 4

在上述示例中，我们调用 indexOf 方法在字符串 str 中搜索字符 'o' 的第一个匹配项。它返回值为 4，表示字符 'o' 第一次出现在索引位置 4 处。

2.搜索指定字符或子字符串的第一次出现，并指定起始位置：

const str = 'Hello, World!';
const index = str.indexOf('o', 5);
console.log(index); // 输出: 8

在上面的示例中，我们传递了第二个参数 5 给indexOf 方法，表示从索引位置 5 开始搜索字符 'o' 的第一个匹配项。它返回值为 8，表示字符 'o' 第一次出现在索引位置 8 处。

4、lastIndexOf：索引末

lastIndexOf 方法用于返回指定字符或子字符串在字符串中最后一次出现的位置索引。如果未找到该字符或子字符串，则返回

lastIndexOf 方法区分大小写

lastIndexOf 方法有两种常见的使用方式：

1.搜索指定字符或子字符串的最后一次出现：

const str = 'Hello, World!';
const index = str.lastIndexOf('o');
console.log(index); // 输出: 8

在上述示例中，我们调用 lastIndexOf 方法在字符串 str 中搜索字符 'o' 的最后一个匹配项。它返回值为 8，表示字符 'o' 最后一次出现在索引位置 8 处。

2.搜索指定字符或子字符串的最后一次出现，并指定起始位置：

const str = 'Hello, World!';
const index = str.lastIndexOf('o', 7);
console.log(index); // 输出: 4

在上面的示例中，我们传递了第二个参数 7 给 lastIndexOf 方法，表示从索引位置 7 开始向前搜索字符 'o' 的最后一个匹配项。它返回值为 4，表示字符 'o' 最后一次出现在索引位置 4 处。

5、substring()：返回指定

substring返回位于指定位置之间的子字符串。它接受两个参数，分别是起始索引和结束索引（可选），并返回被提取的子字符串

 const str = 'Hello, World!';
 const sub1 = str.substring(7);
 console.log(sub1); // 输出: "World!"
 //开始索引为 7，没有提供结束索引。因此，substring 方法提取从索引位置 7 开始的所有字符
 
 const sub2 = str.substring(0, 5);
 console.log(sub2); // 输出: "Hello"
 
 const str = 'Hello, World!';
 const sub = str.substring(5, 0);
 console.log(sub); // 输出: "Hello"
 //如果开始索引大于结束索引，则 substring 方法会自动交换它们的位置。

6、slice：提取

slice 方法用于从字符串中提取指定位置之间的子字符串，并返回提取的子字符串。它接受两个参数，分别是起始索引和结束索引（可选），并具有一些特定的行为。

slice 方法接受负数作为参数。负数索引表示从字符串末尾开始计算的位置。

 const str = 'Hello, World!';
 const sub1 = str.slice(7);
 console.log(sub1); // 输出: "World!"
 
 const sub2 = str.slice(0, 5);
 console.log(sub2); // 输出: "Hello"
 //传递参数为 0 和 5，表示从索引位置 0 到索引位置 5（不包括索引位置 5）之间提取子字符串

7、replace：替换

replace 方法用于将字符串中的指定字符或模式替换为新的字符或字符串，并返回替换后的新字符串。它接受两个参数，第一个参数可以是一个字符串或者正则表达式，用于匹配要替换的字符或模式，第二个参数是要替换成的新字符或字符串。

 const str = 'Hello, World!';
 const newStr = str.replace('World', 'OpenAI');
 console.log(newStr); // 输出: "Hello, OpenAI!"

8、split：分割

split 方法用于将一个字符串分割成子字符串的数组，通过指定分隔符来确定子字符串的分割位置。它接受一个参数，即分隔符，可以是一个字符串或者正则表达式。

 const str = 'Hello, World!';
 const arr = str.split(', ');
 console.log(arr); // 输出: ["Hello", "World!"]

split 方法还可以传递第二个参数，用于限制生成的数组的长度：

const str = 'Hello, World!';
const arr = str.split(', ', 1);
console.log(arr); // 输出: ["Hello"]

9、toUpperCase：转大写

toUpperCase 方法用于将字符串中的所有字符转换为大写形式，并返回转换后的新字符串。这个方法不会直接修改原始字符串，而是返回一个新的字符串。

const str = 'Hello, World!';
const upperCaseStr = str.toUpperCase();
console.log(upperCaseStr); // 输出: "HELLO, WORLD!"

10、toLowerCase：转小

toLowerCase 方法用于将字符串中的所有字符转换为小写形式，并返回转换后的新字符串。这个方法不会直接修改原始字符串，而是返回一个新的字符串。

const str = 'Hello, World!';
const upperCaseStr = str.toUpperCase();
console.log(upperCaseStr); // 输出: "hello,world!"

11、trim：去空白

trim 方法是用于去除字符串两端的空格（包括空格、制表符、换行符等空白字符）的方法，并返回去除空格后的新字符串。它可以帮助我们处理字符串中不必要的空白内容。

trim 方法只会去除字符串两端的空格，而不会影响字符串内部的空白字符。

const str = '  Hello, World!  ';
const trimmedStr = str.trim();
console.log(trimmedStr); // 输出: "Hello, World!"

12、startsWith：判断头

startsWith 方法用于检查一个字符串是否以指定的字符或子字符串开头，返回一个布尔值。它接受一个参数，即要检查的字符或子字符串。

const str = 'Hello, World!';
console.log(str.startsWith('Hello')); // 输出: true
console.log(str.startsWith('World')); // 输出: false

startsWith 方法也可以接受一个可选的第二个参数，用于指定开始检查的索引位置（默认为 0）

const str = 'Hello, World!';
console.log(str.startsWith('World', 7)); // 输出: true
console.log(str.startsWith('Hello', 1)); // 输出: false
console.log(str.startsWith('H', 1)); // 输出: true

13、endsWith：判断未

endsWith 方法用于检查一个字符串是否以指定的字符或子字符串结尾，返回一个布尔值。它接受一个参数，即要检查的字符或子字符串。

const str = 'Hello, World!';
console.log(str.endsWith('World!')); // 输出: true
console.log(str.endsWith('Hello')); // 输出: false

endsWith 方法也可以接受一个可选的第二个参数，用于指定从前几个字符中进行检查（默认为字符串的长度）：

const str = 'Hello, World!';
console.log(str.endsWith('World!', 13)); // 输出: true
console.log(str.endsWith('W', 13)); // 输出: false

14、includes：判断包含

includes 方法用于检查一个字符串是否包含指定的字符或子字符串，并返回一个布尔值表示检索结果。它接受一个参数，即要检查的字符或子字符串。

includes 方法区分字符的大小写，所以传递给它的参数大小写要匹配。

  const str = "Hello, World!";
    console.log(str.includes("World")); // 输出: true
    console.log(str.includes("Hello")); // 输出: true
    console.log(str.includes("Goodbye")); // 输出: false

includes 方法还可以接受第二个参数，用于指定开始检索的位置（默认为 0）：

const str = 'Hello, World!';
console.log(str.includes('World', 8)); // 输出: false
console.log(str.includes('W', 7)); // 输出: true

15、charAt：返回字符

charAt 方法用于获取字符串中指定索引位置的字符，并返回该字符。它接受一个参数，即要检索的索引位置。

const str = 'Hello, World!';
console.log(str.charAt(0)); // 输出: 'H'
console.log(str.charAt(7)); // 输出: 'W'
console.log(str.charAt(13)); // 输出: '!'

16、charCodeAt：Unicode 编码值

返回指定索引位置的字符的 Unicode 编码值。

Unicode 编码是一个标准，用于为几乎所有文字字符和符号分配一个唯一的数字值，以便在计算机系统中进行表示和处理。

const charCode = 'a'.charCodeAt();
console.log(charCode); // 输出: 97,"a" 的Unicode编码是97

let str = "Hello";
console.log(str.charCodeAt(0)); // 输出 72，第一个字符 "H" 的Unicode编码是72
console.log(str.charCodeAt(1)); // 输出 101，第二个字符 "e" 的Unicode编码是101

17、repeat：重复次数

repeat() 用于将字符串重复指定次数并返回一个新字符串。

stringObj.repeat(count)
//stringObj：要重复的字符串。
//count：一个非负整数，表示要重复的次数。

let str = "Hello ";
console.log(str.repeat(3)); // 输出 "Hello Hello Hello "

18、match：检索满足

通过正则表达式检索字符串中满足条件的部分。

19、search：返回索引

在字符串中搜索满足条件的子字符串，并返回索引。

20、substr：截取指定

从指定位置截取指定长度的子字符串。

宝子向前冲

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS中字符串常用方法（总结）

方法用于将字符串中的指定字符或模式替换为新的字符或字符串，并返回替换后的新字符串。它接受两个参数，第一个参数可以是一个字符串或者正则表达式，用于匹配要替换的字符或模式，第二个参数是要替换成的新字符或字符串。方法用于从字符串中提取指定位置之间的子字符串，并返回提取的子字符串。方法用于将一个字符串分割成子字符串的数组，通过指定分隔符来确定子字符串的分割位置。方法用于检查一个字符串是否包含指定的字符或子字符串，并返回一个布尔值表示检索结果。方法用于检查一个字符串是否以指定的字符或子字符串开头，返回一个布尔值。
复制链接

扫一扫