😄
前端学习
  • 👋Welcome
  • 📖前端基础
    • HTML
      • 基础知识
      • 进阶知识
      • HTML5
    • CSS
      • 基础知识
      • 进阶知识
      • CSS 专题
        • CSS 选择器
        • CSS 布局
        • CSS 动画
        • CSS 画图
        • 响应式方案
        • CSS BEM 规范
        • CSS 案例
    • JavaScript
      • 基础知识
      • 进阶知识
      • 常用内置对象
        • Array 对象
        • String 对象
        • Number 对象
        • Boolean 对象
        • Math 对象
        • Date 对象
        • RegExp 对象
        • Object 对象
      • JS 专题
        • 数据类型
        • 原型链/继承
        • 对象赋值与拷贝
        • this 的指向
        • 异步操作
        • 模块化
        • 设计模式
    • 浏览器
      • 浏览器模型
      • 事件
      • 位置属性
      • Web 缓存
      • 本地存储
    • 综合内容
      • 前端跨域
      • 登录鉴权
      • 文件上传与下载
  • 🏗️前端框架
    • Vue.js
      • 基础知识
      • Vue 组件通信
      • Vuex 使用指南
      • Vue 动画
      • 静态网站框架 VuePress
    • React.js
      • 基础知识
      • 组件通信
  • 📦计算机基础/后端
    • 图解计算机网络
    • HTTP/HTTPS
    • TCP/UDP
    • Node.js
    • MongoDB
  • 🛠️开发工具
    • 版本控制工具-Git
      • git submodule
    • 构建工具-Webpack
    • 错误监控工具-Sentry
    • 单元测试工具-Jest
    • 包管理工具-NPM
    • 代码编辑器-VSCode
  • 🤔专题内容
    • 前端工程化
    • 代码规范
      • JavaScript 代码规范
      • CSS 代码规范
      • Vue 代码规范
      • Git Commit 规范
      • 代码规范配置
    • 网络安全与防御
    • 性能优化
    • 算法编程
    • 数据可视化
  • 🧑‍💻 面试相关
    • 面试知识总结
    • 面试问题总结
    • 面试常见编程
    • 面试资源汇总
  • 🍭其他
    • 项目经验❗️
    • 踩坑指南❗️
      • JavaScript 踩坑指南
      • CSS 踩坑指南
      • Vue 踩坑指南
    • 学习资源
    • 综合收藏夹
由 GitBook 提供支持
在本页

这有帮助吗?

  1. 前端基础
  2. JavaScript
  3. 常用内置对象

String 对象

上一页Array 对象下一页Number 对象

最后更新于3年前

这有帮助吗?

参考资料:

const s = new String('abc');

1. 实例方法

方法
作用
语法

charAt()

返回在指定位置的字符

string.charAt(index)

charCodeAt()

返回在指定的位置的字符的 Unicode 编码

string.charCodeAt(index)

indexOf()

返回指定字符串值在字符串中首次出现的位置

string.indexOf(searchValue, start)

lastIndexOf()

返回指定字符串值在字符串中最后次出现的位置

string.lastIndexOf(searchValue, start)

includes()

查找字符串中是否包含指定的子字符串

string.includes(searchValue, start)

startsWith()

查看字符串是否以指定的子字符串开头

string.startsWith(searchValue, start)

endsWith()

查看字符串是否以指定的子字符串结尾

string.endsWith(searchValue, start)

toLowerCase()

把字符串转换为小写

string.toLowerCase()

toUpperCase()

把字符串转换为大写

string.toUpperCase()

concat()

连接两个或更多字符串,并返回新的字符串

string.concat(string1, ..., stringX)

split()

把字符串分割为字符串数组

string.split(separator_,_ limit)

repeat()

复制字符串指定次数,并将它们连接在一起返回

string.repeat(count)

slice()

提取字符串的片断,并在新的字符串中返回被提取的部分

string.slice(start, end)

substring()

提取字符串中两个指定的索引号之间的字符

string.substring(from, to)

substr()

从起始索引号提取字符串中指定数目的字符

string.substr(start, length)

trim()

去除字符串两边的空白

string.trim()

trimStart()/trimEnd()

消除字符串头部/尾部的空格

string.trimStart()/trimEnd()

match()

查找找到一个或多个正则表达式的匹配。

string.match(regexp)

search()

查找与正则表达式相匹配的值的第一个位置。

string.search(searchValue)

replace()

在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。

string.replace(searchValue, newValue)

matchAll()

返回一个正则表达式在当前字符串的所有匹配

string.matchAll(regexp)

对比:

  • string.slice(start, end)

  • string.substring(from, to)

  • string.substr(start, length)

slice VS substring:substring中如果第一个参数大于第二个参数,会自动更换两个参数的位置,且参数是负数会自动转为0。

'JavaScript'.substring(-3) // "JavaScript"
'JavaScript'.substring(4, -3) // "Java"
'JavaScript'.slice(-3) // "ipt"
'JavaScript'.slice(4, -3) // "Scr"

substr VS substring:substr 的第二个参数是匹配的长度,不是结束的位置;slice 和 substring 的第二个参数指代的位置都不包含在返回字符串中,综上建议还是使用 slice 吧。

trim() 去除的不仅空格,还包括制表符、\v换行符和回车符 。

matchAll() 返回正则表达式在当前字符串的所有匹配,注意返回的是一个遍历器(Iterator),而不是数组。

replace() 只会替换第一个匹配到的内容,如果要替换所有匹配到的内容,则需要使用正则。

如果你对内容有任何疑问,欢迎提交 或

📖
String 对象
❕issues
✉️ email