JavaScript 字符串常用方法详解:charAt、substring、indexOf 等核心 API

作者:代码拾荒

时间:2026-10-24

浏览:255

本文系统梳理 JavaScript 中常用的字符串操作方法,涵盖字符获取、子串截取、位置查找、分割替换及大小写转换等核心功能。通过详解 charAt、charCodeAt、substring、substr、slice、indexOf、lastIndexOf、split、replace、toUpperCase、toLowerCase 及 trim 等方法的语法与用途,帮助开发者高效处理字符串数据。

文章目录

JavaScript 字符串常用方法详解

JavaScript 中提供了丰富的字符串处理功能,掌握这些方法是前端开发的基础。

在 JavaScript 中,字符串被视为只读数据,主要支持查询操作,不支持直接修改。

以下是开发中高频使用的几种字符串方法及其具体功能:

1、charAt:用于根据指定的索引下标,获取该位置对应的单个字符。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

2、charCodeAt:根据指定的索引下标,获取该位置字符对应的 Unicode 编码值(即 ASCII 码范围);具体对照关系可参考文末的 ASCII 对照表。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

补充说明:可以通过已知的编码值反向获取对应的字符。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

3、substring:用于从字符串中截取指定范围的子串。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

4、substr:用于从字符串中截取指定长度和起始位置的子串。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

5、slice:用于从字符串中截取指定起始和结束位置的子串。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

6、indexOf:用于查找指定字符或子字符串在大字符串中第一次出现的位置;若找到则返回对应的下标,若未找到则返回 -1。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

7、lastIndexOf:用于查找指定字符或子字符串在大字符串中最后一次出现的位置。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

8、split:使用指定的分隔符将字符串分割,并返回包含分割后片段的数组。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

9、replace:用于将字符串中的指定字符或子字符串替换为新的内容。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

10、toUpperCase 和 toLowerCase:分别用于将字符串转换为大写或小写形式。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

11、trim:用于去除字符串左右两侧的空格或其他空白字符。

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

ASCII 对照表:

JavaScript 字符串常用方法详解
JavaScript 字符串常用方法详解

总结

本文介绍了 JavaScript 中常用的几种字符串方法。如需了解更多相关内容,建议查阅本站往期文章或继续浏览后续教程,感谢支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章