10 种常用的字符串方法

10 种常用的字符串方法

1.concat()

字符串拼接

javascript 复制代码
      const str1 = '12345678';
      const str2 = 'abcdefgh';
      const str3 = '-=【】;'';
      console.log(str1.concat(str2,str3))//12345678abcdefgh-=【】;''

2.includes()

判断字符串中是否包含指定值,返回布尔值

javascript 复制代码
      const str1 = '12345678';
      console.log(str1.includes('a'))//false

3.indexOf()

判断字符串中是否包含指定值,返回符合的第一个值的下标,没有返回-1

javascript 复制代码
      const str1 = '1234567811';
      console.log(str1.indexOf('a'))//-1
      console.log(str1.indexOf('6'))//5
      console.log(str1.indexOf('1'))//0

4.lastIndexOf()

从右到左判断字符串中是否包含指定值,返回符合的第一个值的下标,没有返回-1

javascript 复制代码
     const str1 = '1234567811';
      console.log(str1.lastIndexOf('a'))//-1
      console.log(str1.lastIndexOf('6'))//5
      console.log(str1.lastIndexOf('1'))//9

5.repeat()

将字符串复制几份

javascript 复制代码
      const str1 = '1234';
      console.log(str1.repeat(4))//1234123412341234

6.replace()

替换字符串内元素,可以直接传值,也可以传正则表达式,将参数一替换为参数二。

javascript 复制代码
      const str1 = '12345678';
      console.log(str1.replace(/3/,'1'))//12145678
      console.log(str1.replace('5','1'))//12341678

7.slice()

提取字符串的一部分,一个参数默认到最后。

javascript 复制代码
      const str1 = 'aabbccdd';
      console.log(str1.slice(3))//bccdd
      console.log(str1.slice(3,5))//bc

8.split()

将字符串拆分为数组,第一个参数为拆分条件,第二个则规定了拆分后的数组元素个数。

javascript 复制代码
    const str1 = '12131415'
      console.log(str1.split('1'))// ['', '2', '3', '4', '5']
      console.log(str1.split('1',2))// ['', '2']
      console.log(str1.split(''))// ['1', '2', '1', '3', '1', '4', '1', '5']
      console.log(str1.split('0'))// ['12131415']

9.substr()

提取字符串的一部分,从指定位置开始,并返回指定数量的字符

javascript 复制代码
      const str1 = '12131415'
      console.log(str1.substr(1,1))//2
      console.log(str1.substr(3))//31415

10.substring()

提取字符串的一部分,从指定位置开始,并返回指定数量的字符(不包括end参数索引位置)

javascript 复制代码
      const str1 = '12131415'
      console.log(str1.substring(1,1))//''
      console.log(str1.substring(1,2))//2
      console.log(str1.substring(3))//31415
相关推荐
Bigger4 分钟前
后端拒写接口?前端硬核自救:纯前端实现静态资源下载全链路解析
前端·浏览器·vite
BD_Marathon19 分钟前
【JavaWeb】路径问题_前端绝对路径问题
前端
Amewin21 分钟前
window 11 安装pyenv-win管理不同的版本的python
开发语言·python
lionliu051924 分钟前
WebAssembly (Wasm)
java·开发语言·wasm
咸鱼加辣27 分钟前
【java面试题】springboot的生命周期
java·开发语言·spring boot
weixin_462446231 小时前
用 Go 快速搭建一个 Coze (扣子)API 流式回复模拟接口(Mock Server)
开发语言·golang·状态模式
whyfail1 小时前
Vue原理(暴力版)
前端·vue.js
小鸡吃米…1 小时前
Python编程语言面试问题二
开发语言·python·面试
Bigger1 小时前
Coco AI 技术演进:Shadcn UI + Tailwind CSS v4.0 深度迁移指南 (踩坑实录)
前端·css·weui