JavaScript String 字符串类型核心方法详解

作者:拾光

时间:2026-10-27

浏览:175

本文系统介绍JavaScript中String类型的常用操作方法,涵盖字符获取、子字符串截取(slice、substr、substring的区别)、位置查找(indexOf、lastIndexOf)及大小写转换。通过具体代码示例解析各方法的参数用法与返回值,并演示如何利用localeCompare进行中英文字符串排序,帮助开发者掌握字符串处理的核心技巧。

文章目录

JavaScript String 字符串类型核心方法详解

1. 字符获取方法:charAt()、charCodeAt() 与 fromCharCode()


}

相关代码示例如下:

 
var stringValue = "hello world";
alert(stringValue.charAt(1)); // 输出 "e"
alert(stringValue[1]); // 输出 "e"
alert(stringValue.charCodeAt(1)); // 输出 101
alert(String.fromCharCode(104, 101)); // 输出 "he"

子字符串提取方法对比

2. 子字符串提取方法:slice()、substr() 与 substring()


slice() 和 substring() 方法的第一个参数用于指定子字符串的起始位置,第二个参数指定结束位置(不包含该位置的字符),原字符串保持不变。


substr() 方法的第二个参数则指定返回的字符个数,原字符串同样保持不变。


}

具体代码示例如下:

 
var stringValue = "hello world";
alert(stringValue.slice(3)); // 输出 "lo world"
alert(stringValue.substring(3)); // 输出 "lo world"
alert(stringValue.substr(3)); // 输出 "lo world"
alert(stringValue.slice(3, 7)); // 输出 "lo w"
alert(stringValue.substring(3, 7)); // 输出 "lo w"
alert(stringValue.substr(3, 7)); // 输出 "lo worl"
alert(stringValue.slice(-3)); // 输出 "rld",表示截取字符串最后3个字符
alert(stringValue.slice(-3)); // 输出 "rld",表示截取字符串最后3个字符

字符串位置查找方法

3. 字符串位置查找方法:indexOf() 与 lastIndexOf()


indexOf() 方法从前向后搜索子字符串,可接收一个或两个参数。第一个参数指定要搜索的子字符串,第二个参数指定开始搜索的起始位置;若未找到则返回 -1。


lastIndexOf() 方法从后向前搜索子字符串,同样可接收一个或两个参数。第一个参数指定要搜索的子字符串,第二个参数指定开始向前搜索的位置;若未找到则返回 -1。


}

相关代码示例如下:

 
var stringValue = "hello world";
alert(stringValue.indexOf("o")); // 输出 4
alert(stringValue.lastIndexOf("o")); // 输出 7
alert(stringValue.indexOf("o", 6)); // 输出 7
alert(stringValue.lastIndexOf("o", 6)); // 输出 4

大小写转换与本地化比较

4. 字符串大小写转换方法:toLowerCase() 和 toUpperCase()


toLowerCase() 用于将字符串转换为小写,toUpperCase() 用于将字符串转换为大写。



5. 字符串本地化比较方法:localeCompare()


localeCompare() 方法既可以比较英文字符串,也可以比较中文字符串。在默认规则下,大写字母通常排在小写字母之前。



字符串排序实现

6. 字符串排序实现:


}

相关代码示例如下:

 
var stringValue = ["中国", "楠楠", "俊俊"];
alert(stringValue.sort(stringCompare));
// 升序排序函数(a-z)
function stringCompare(value1, value2) {
return value1.localeCompare(value2); // 降序 z-a,若需升序可互换 value1 和 value2 的位置
} 

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章