JS中的String常用的实例方法

splice():分隔符

把字符串以分隔符的形式拆分为数组

复制代码
 const str = 'pink,red';
 const arr = str.split(',');
 console.log(arr);//Array[0,"pink";1:"red"]
 const str1 = '2022-4-8';
 const arr1 = str1.split('-');
 console.log(arr1);//Array[0,"2022";1:"4";2:"8"]
substring():字符串截取:
复制代码
 //字符串截取(substring(开始索引号【,结束的索引号】))
 //如果省略 结束索引号 默认取到最后,如果有写 以该数字为索引的字符不包含截取字符串内
 const str = '今天又要做核算了';
 console.log(str.substring(5,7));
startsWith:检测是否以某字符串开头:

第二个参数:表示从原始字符串的哪个位置开始检查子字符串。如果不传递该参数,则默认从字符串的开头进行检查。

10表示从索引为10的地方开始截取

复制代码
const str = 'To be, or not to be, that is the question';
console.log(str.startsWith('To be'));//true
console.log(str.startsWith('not to be'));//false
console.log(str.startsWith('not to be',10));//true

其余的方式:类似

endsWith:检测是否以某字符串结尾:
includes:判断一个字符串是否包含在另一个字符串中,根据情况返回true或false

该方法区别大小写

复制代码
const str = 'To be, or not to be, that is the question';
console.log(str.includes('To be'));
console.log(str.includes('question'));
console.log(str.includes('nonexistent'));
console.log(str.includes('To be',1));
console.log(str.includes('To BE'));
replace:用于将目标字符串中的指定子字符串替换为新的字符串

它可以用来进行简单的文本替换操作

通常接收两个参数

1.要被替换的子字符串(或字符)

2.用于替换的新字符串

replace 函数会在目标字符串中查找所有匹配的子字符串,并将其替换为新字符串。如果目标字符串中有多个匹配项,它们都会被替换。

复制代码
String originalString = "Hello, World!";
String replacedString = originalString.replace("World", "Universe");
System.out.println(replacedString);//Hello, Universe!
match:用于在目标字符串中查找指定的子字符串或正则表达式,并返回匹配结果。

它可以用来判断一个字符串是否包含某个模式或子串。

match 函数通常接受两个参数:

  1. 要进行匹配的子字符串或正则表达式。

  2. 可选的修饰符,用于指定匹配规则。

    const originalString = 'Hello, World!';
    const pattern = /World/;
    const result = originalString.match(pattern);
    console.log(result);//输出结果:[ 'World', index: 7, input: 'Hello, World!', groups: undefined ]

在上述示例中,我们使用正则表达式 /World/ 进行匹配操作。match 函数会在原始字符串中查找与该正则表达式匹配的子字符串,并返回一个数组。数组的第一个元素是匹配到的子字符串('World'),接着是匹配到的子字符串的索引(7),原始字符串本身('Hello, World!'),以及其他可选的信息。

需要注意的是,如果没有找到匹配项,match 函数会返回 null。在一些编程语言中,也可以使用 match 函数来判断一个字符串是否匹配某个模式

复制代码
const originalString = 'Hello, World!';
const pattern = /Universe/;
const result = originalString.match(pattern);
if (result) {
  console.log('匹配成功');
} else {
  console.log('未找到匹配项');
}

输出结果:未找到匹配项

相关推荐
LFly_ice几秒前
学习React-24-路由传参
前端·学习·react.js
Lhuu(重开版1 小时前
CSS:动效布局动画
前端·css
Q***K551 小时前
前端构建工具
前端
laocooon5238578861 小时前
创建了一个带悬停效果的“我的个人主页“按钮
前端
2013编程爱好者2 小时前
Vue工程结构分析
前端·javascript·vue.js·typescript·前端框架
小满zs3 小时前
Next.js第十一章(渲染基础概念)
前端
不羁的fang少年4 小时前
前端常见问题(vue,css,html,js等)
前端·javascript·css
change_fate4 小时前
el-menu折叠后文字下移
前端·javascript·vue.js
yivifu4 小时前
CSS Grid 布局详解(2025最新标准)
前端·css
o***Z4486 小时前
前端性能优化案例
前端