js算法实例之字母大小写转换

 更新时间:2022年12月26日 15:34:51   作者:王二不乐  
实现javascript 英文首字母大写有多种方法,下面这篇文章主要给大家介绍了关于js算法实例之字母大小写转换的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下

题目:输入字符串将大写转换成小写,小写转换成大写?

<strong>js字母大小写转换方法:
1、转换成大写:toUpperCase()
2、转换成小写:toLowerCase()</strong>

方法一:把输入的字符串转成数组用split()方法,进行for遍历把里面的值做判断大小写,如果大写就转换成小写toLowerCase(),小写就转换成大写toUpperCase();,然后再将数组转换成字符串。

<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,把对应的Asc码值传给code,然后判断字母的大写和小写,如果在这个范围区间就改变它的大小写。

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"));

扩展字符串的API

1.fromCharCode

功能:将asc码转换为字符,

参数:String.fromCharCode(asc1,[asc2...]);

返回值:返回asc码对应的字符,

注意:该方法直接通过String调用

2.indexOf:查找字符串第一次出现的位置

3.lastIndexOf:查找字符最后一次出现的位置,如果没找到,返回-1

4.replace

功能:字符串的替换

参数:replace(被替换的字符,替换字符串)

返回值:新字符串

5.slice/substring(start,end)

功能:提取字符串的某个部分,并以新的字符串返回被提取的部分(左闭右开)

6.split

功能:将字符串切割为数组

参数:split(“切割字符串”)

返回值:返回一个数组

总结

到此这篇关于js算法实例之字母大小写转换的文章就介绍到这了,更多相关js字母大小写转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript判断文件是否存在的实例代码

    JavaScript判断文件是否存在的实例代码

    这篇文章主要给大家介绍了关于JavaScript判断文件是否存在的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 总结Javascript中的隐式类型转换

    总结Javascript中的隐式类型转换

    这篇文章谈谈JavaScript的隐式类型转换,我们知道在JavaScript中声明变量不需指定类型, 对变量赋值也没有类型检查,同时JavaScript允许隐式类型转换。这些特征说明JavaScript属于弱类型的语言。
    2016-08-08
  • 深入理解选择框脚本[推荐]

    深入理解选择框脚本[推荐]

    选择框是通过<select>和<option>元素创建的,又称为下拉列表框。为了方便与这个控件交互,除了所有表单字段共有的属性和方法外,javascript还提供了一些属性和方法。本文将详细介绍选择框脚本
    2016-12-12
  • 利用js实现选项卡的特别效果的实例

    利用js实现选项卡的特别效果的实例

    利用js实现选项卡的特别效果的实例,需要的朋友可以参考一下
    2013-03-03
  • 关于this和self的使用说明

    关于this和self的使用说明

    刚接触python的时候,最不习惯的事情,就是每个方法都要加一个self。无论Javascript还是C#,都直接一个this搞定,干嘛非要加一个变量self。
    2010-08-08
  • 封装html的select标签的js操作实例

    封装html的select标签的js操作实例

    本文将为大家介绍下正如标题所示的select操作:清空所有的选项、添加一个选项、根据值、选中一个选项、根据下标,选中一个选项,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • 详解钉钉小程序组件之自定义模态框(弹窗封装实现)

    详解钉钉小程序组件之自定义模态框(弹窗封装实现)

    这篇文章主要介绍了钉钉小程序组件之自定义模态框(弹窗封装实现)的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • 使用微信小程序API,调用微信的各种内置能力。

    使用微信小程序API,调用微信的各种内置能力。

    微信小程序如何使用小程序API,去调用微信提供的各种内置能力(即微信API)。小程序开发框架提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。
    2022-12-12
  • element日历组件只显示月和日如何把年份隐藏掉

    element日历组件只显示月和日如何把年份隐藏掉

    这篇文章主要介绍了element日历组件只显示月和日如何把年份隐藏掉的操作方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-12-12
  • 比较详细的关于javascript中void(0)的具体含义解释

    比较详细的关于javascript中void(0)的具体含义解释

    比较详细的关于javascript中void(0)的具体含义解释...
    2007-08-08

最新评论