视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
如何用JavaScript将字符串进行大小写转换(图文详解)
2020-11-27 19:29:21 责编:小采
文档
 JavaScript是前端开发中非常重要的一部分,它可以实现页面的功能,正在学习JavaScript的小伙伴,你知道如何用JS将一个小写字符串转换为大写吗?这篇文章就和大家讲讲JS字符串大小写转换的方法,有一定的参考价值,感兴趣的小伙伴可以看看。

一、toLowerCase 将字符串转为小写

JavaScript中的toLowerCase() 方法可以将字符串转换为小写,但是它对非字母字符不会产生影响,使用时无需担心兼容性,因为所有主要浏览器都支持 toLowerCase() 方法。

实例:用toLowerCase将字符串转为小写

描述:定义一个大小写混合的字符串a,用toLowerCase将其转换为小写,将返回值赋给b,用document.write在页面上显示a和b的值,看看有什么不同,举代码如下:

<script type="text/javascript">
 var a="WATERmelon"
 var b=a.toLowerCase()
 document.write(a+'<br>'+b)
 </script>

效果图:

由图可见,转换后字符串都变成了小写,并且toLowerCase不会改变原字符串。

二、toUpperCase 将字符串转为大写

toUpperCase() 方法可以将字符串转换为大写,和toLowerCase一样,它对非字母字符不会产生影响,且所有主要浏览器都支持toUpperCase方法。

举例:用toUpperCase将字符串转为大写

描述:首先定义一个大小写混合的字符串a,用toUpperCase将字符串转换为大写,然后将值赋给b,用document.write将a和b的值显示在页面上,看看转换前后有什么不同,举代码如下:

<script type="text/javascript">
 var a="absolute"
 var b=a.toUpperCase()
 document.write(a+'<br>'+b)
 </script>

效果图:

由图可见,转换后字符串都变成了大写,并且oUpperCase不会改变原字符串。

以上给大家介绍了如何用JavaScript将大小写字符串进行转换,如果要将字符串转换为小写,就用toLowerCase() 方法,如果要将字符串转换为大写,就用toUpperCase()方法,讲解比较详细,容易理解,之前没有接触过字符串大小写转换的朋友,一定要自己动手练习,看看你的代码能不能实现大小写转换的效果,希望这篇文章对你有所帮助!

【相关教程推荐】

1. JavaScript视频教程
2. JavaScript中文参考手册
3. bootstrap教程

下载本文
显示全文
专题