Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >js实现字符大小写切换

js实现字符大小写切换

原创
作者头像
IT工作者
发布于 2022-01-24 13:03:36
发布于 2022-01-24 13:03:36
4.8K00
代码可运行
举报
文章被收录于专栏:程序技术知识程序技术知识
运行总次数:0
代码可运行

方法一

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function caseConvert(str) {
    return str.split('').map(s => {
      const code = s.charCodeAt();
      if (code < 65 || code > 122 || code > 90 && code < 97) return s;
      
      if (code <= 90) {
        return String.fromCharCode(code + 32)
      } else {
        return String.fromCharCode(code - 32)
      }
    }).join('')
  }
  
  console.log(caseConvert('AbCdE')) // aBcDe 
  
  function caseConvertEasy(str) {
    return str.split('').map(s => {
      if (s.charCodeAt() <= 90) {
        return s.toLowerCase()
      }
      return s.toUpperCase()
    }).join('')
  }
  
  console.log(caseConvertEasy('AbCxYz')) // aBcXyZ

方法二

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function caseConvert(str){
    return str.replace(/([a-z]*)([A-Z]*)/g, (m, s1, s2)=>{
	return `${s1.toUpperCase()}${s2.toLowerCase()}`
    })
}
caseConvert('AsA33322A2aa') //aSa33322a2AA

总结

相信实现方法肯定还有很多,但是从第二种方法我们可以看到正则表达式在实际项目中的应用还是相当广泛的,因此学习好正则也是衡量一个开发工程师的重要标准,小伙伴们一起加油(●’◡’●)

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Js中String对象
创建一个字符串可以通过字面量的方式,通过字面量创建的字符串变量在调用方法的时候能够自动转化为临时的包装对象,从而能够调用其构造函数的原型中的方法,也可以利用String对象生成字符串对象,此外在ES6标准还定义了模板字面量用以生成字符串的方式。
WindRunnerMax
2020/09/18
8.1K0
JS中的字符串方法
str.lastIndexOf(start)// " Index " 的 " I " 大写
我不是费圆
2020/09/21
4.1K0
JS 前20个常用字符串方法及使用方式
charAt(x) charCodeAt(x) concat(v1,v2..) fromCharcode(c1,c2) indexOf(substr, [start]) lastIndexOf(substr, [start]) match(regexp) replace(regexp/substr, replacetext) search(regexp) slice(start, [end]) split(delimiter, [limit]) substr(start, [length]) substring(from, [to]) toLowerCase() toUpperCase() includes() endsWith() repeat() valueOf() trim()
Javanx
2019/09/04
1.3K0
大佬日常必备的JS工具函数大全
前面我们分享过一篇:前端常用的60多种JavaScript工具方法,很多人觉得有用,今天再分享一篇类似的东西,如果文章和笔记能带您一丝帮助或者启发,请不要吝啬你的赞和收藏,你的肯定是我前进的最大动力
前端开发博客
2020/11/04
1.6K0
100个常用的 JS 代码片段分享,值得你收藏
function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break } } return strre + "..." }
前端达人
2021/10/08
2.4K0
【JS】369- 20个常用的JavaScript字符串方法
concat() 方法用于连接两个或多个字符串,此方法不改变现有的字符串,返回拼接后的新的字符串。
pingan8787
2019/10/09
7580
前端学习(43)~js学习(二十):内置对象 - String
上方代码中,当我们尝试打印str.aaa的时候,会发现打印结果为:undefined。也就是说,不能给 string 绑定属性和方法。
Vincent-yuan
2020/03/19
1.5K0
面试中常考的字符串操作方法大全,包含ES6
对于JavaScript字符串操作方法,你真的全部掌握了吗?来看看这篇面试中常考的字符串操作大全,包含最新的ES6字符串操作方法,值得收藏哦。
Javanx
2019/09/04
6450
JavaScript 字符串实用常操纪要
JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Date 时,诸此等等,繁不能数;而她那蛮多的 API 呵,总有些让人不愿去记忆的冲动,既然用时常搜,倒不如烂笔头一番,以作了结,顺道也体现下这博客存在的价值,由此就有了这篇纪要。 字符串实用常操纪要 字符串截取 1. substring() xString.substring(start,end) substr
晚晴幽草轩轩主
2018/03/27
8350
javascript常用工具类的封装
一、js数组工具类 工具类方法 MyArrayFn包含的方法如下 判断一个元素是否在数组中 遍历元素:相当于原生forEach方法 遍历元素,对里面的每个值做处理再返回一个新的值:相当于原生map方法 数组排序:从小到大、从大到小、随机 去重 求两个集合的并集 求两个集合的交集 删除其中一个元素 最大值 最小值 求和 平均值 工具类代码 // js数组工具类 class MyArrayFn { /*判断一个元素是否在数组中*/ contains(arr, val) { re
不愿意做鱼的小鲸鱼
2022/09/26
1.7K0
javascript常用工具类的封装
Fuzz中的javascript大小写特性
    某比赛实在有点坑人,题目涉嫌抄袭不说,还不停改来改去。算了不吐槽了,说一则javascript小特性吧。
phith0n
2020/10/15
7580
js string字符串常用方法
fromCharCode()方法用于根据给定的 UTF-16 码元创建字符串中的字符。这个方法可以接受任意
IT工作者
2022/05/13
2.4K0
数组、字符串方法大全
delete:删除键值对的方式也可以删除数组中的对应项,不会改变数组中原有项的索引
星辰大海c
2023/11/20
2300
数组、字符串方法大全
JS 生成26个大小写字母
主要用到 str.charCodeAt()和 String.fromCharCode()方法
书童小二
2018/09/03
2.9K0
JS 生成26个大小写字母
JavaScript实现单词首字母大写的方法总汇
思路:用正则将字符串拆分为单词数组,并对每个单词进行首字母大写处理。这里简单的把字母、数字、下划线和单撇号都视为了单词成员。
winty
2022/02/18
2K0
一些面试题集合
实现一个 sleep 函数,比如 sleep(1000),意味着等等1000毫秒,可从Promise、Generator、Async/Await等角度实现
epoos
2022/06/06
1850
js-字符串方法
chartAt()以单字符字符串的形式返回给定位置的那个字符。而charCodeAt()返回的是字符编码。
eadela
2019/09/29
5.1K0
js-字符串方法
JavaScript基础学习--13字符串、查找高亮显示
Demos:   https://github.com/jiangheyan/JavaScriptBase 一、字符串      1、str.length;     //获取字符串长度      2、str.chartAt(n);     //获取字符串中指定下标(n)的字符,默认第0个,找不到返回空      3、str.charCodeAt(n);     //获取字符串中指定下标(n)转码后的ascll码     数字0~9【对应ascll码:48~57】     a~z【对应ascll码:97~1
用户1148399
2018/01/09
1.1K0
总结js数组和字符串常用的api
4. 删除、插入、替换:arr.splice(start,n[,value1,value2...])
用户7413032
2020/06/11
1.7K0
【总结】56个JavaScript 实用工具函数助你提升开发效率!
https://juejin.cn/post/7019090370814279693
pingan8787
2021/11/08
9660
【总结】56个JavaScript 实用工具函数助你提升开发效率!
相关推荐
Js中String对象
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档