JavaScript实现字符串大小写转换的两种算法与常用API详解
本文介绍JavaScript中实现字符串大小写转换的两种核心算法:利用split分割数组遍历调用内置方法,以及通过charCodeAt与String.fromCharCode处理ASCII码值。同时梳理了fromCharCode、indexOf、replace、slice及split等常用字符串API的功能与参数,提供完整的代码示例与逻辑解析。
字符串大小写转换算法实现
题目要求:接收一个输入字符串,将其中的大写字母转换为小写,小写字母转换为大写。
JavaScript实现字母大小写转换主要依赖两个内置方法:1、使用 toUpperCase() 将字符串转换为大写;2、使用 toLowerCase() 将字符串转换为小写。
方法一:利用 split() 方法将输入字符串转换为字符数组,通过 for 循环遍历数组元素。在循环中对每个字符进行大小写判断,若为大写则调用 toLowerCase() 转为小写,若为小写则调用 toUpperCase() 转为大写。遍历完成后,使用 join() 将数组重新拼接为字符串并返回结果。
<script>
function strChange(arg) {
var str=arg.split('');
for(var i = 0; i < str.length; i++) {
if (str[i].charAt() >= "a" && str[i].charAt() <= "z") {
str[i] = str[i].toUpperCase();
// console.log(str[i].toLowerCase());
} else {
str[i] = str[i].toLowerCase();
}
}
return str.join('');
}
console.log(strChange('HelloWorld'));
</script>
方法二:定义一个空字符串 result 用于存储转换后的结果。遍历原始字符串 str 的每一个字符,将其赋值给临时变量 temp,并通过 charCodeAt() 获取该字符对应的 ASCII 码值 code。根据 ASCII 码范围判断字符大小写:若为小写字母('a' 到 'z'),则通过 String.fromCharCode(code - 32) 转换为大写;若为大写字母('A' 到 'Z'),则通过 String.fromCharCode(code + 32) 转换为小写。最后将转换后的字符累加到 result 中并返回。
function strChange (str){
var result = '';
for(var i= 0;i<str.length;i++){
var temp = str.charAt(i);
var code = temp.charCodeAt();
if('a' <= temp && temp <= 'z'){
temp= String.fromCharCode(code-32);
} else if('A' <= temp && temp <= 'Z'){
temp= String.fromCharCode(code+32);
}
result += temp;
}
return result;
}
console.log(strChange("HelloWorld123456"));
JavaScript字符串常用API详解
除了上述算法实现外,JavaScript 的 String 对象还提供了多个扩展 API 用于字符串处理。
1. fromCharCode
功能:将指定的 ASCII 码值转换为对应的字符。
参数格式:String.fromCharCode(asc1, [asc2...]),支持传入多个 ASCII 码值。
返回值:返回由传入的 ASCII 码值对应的字符组成的字符串。
注意:该方法属于 String 构造函数,需直接通过 String 调用,而非实例方法。
2. indexOf:用于查找指定子字符串在原字符串中第一次出现的位置索引。
3. lastIndexOf:用于查找指定子字符串在原字符串中最后一次出现的位置索引;若未找到,则返回 -1。
4. replace
功能:用于字符串内容的替换操作。
参数格式:replace(被替换的字符, 替换字符串),指定原字符及新字符。
返回值:返回替换后的新字符串,原字符串保持不变。
5. slice / substring(start, end)
功能:提取字符串中指定起始位置到结束位置的子串,并返回新的字符串。截取范围遵循左闭右开原则,即包含 start 索引,不包含 end 索引。
6. split
功能:将字符串按照指定的分隔符切割为数组。
参数格式:split("切割字符串"),指定用于分割的分隔符。
返回值:返回一个包含分割后各部分的数组。
总结
本文介绍了 JavaScript 中实现字母大小写转换的具体算法及常用字符串 API。如需了解更多相关技术细节,可参考本站其他文章或继续浏览后续内容。
Mock.js 拦截失效或数据格式错误的常见原因及排查
2026-11-05 10:11:59
Java和JavaScript名字像但没关系:辨析Java、JavaWeb与JS
2026-11-04 09:30:54
CodePen、JSFiddle与RunJS对比:哪款JS在线运行工具更适合你?
2026-11-03 16:46:57
JS 统计图渲染空白或报错怎么排查?常见问题解决指南
2026-11-03 09:49:40
flv.js 常见报错 MediaError 与解码失败排查指南
2026-11-02 10:29:29
