JavaScript更改字符串的大小写


Posted in Javascript onMay 07, 2015

JavaScript提供了两个方法,将字符串转换为全部大写或全部小写,从而可以将“hello”更改为“HELLO”,或者将“NOT”更改为“not”。你可能会问,为什么?将字符串中的字母转换为相同的大小写,这可以使得比较两个字符串变得更容易。例如,假设你创建了一个题程序,并且,一个问题是“Who was the first American to win the Tour De France?”你可能用类似下面的代码来检查参加答题者的答案:

var correctAnswer='Greg LeMond';
var response=prompt('Who was the first American to win the Tour De8
France?','');
if(response==correctAnswer){
//correct
}else{
//incorrect
}

答案是Greg LeMond,但是,如果参加答题的人输入了Greg Lemond,结果会如何呢?条件看上去类似这样:'Greg Lemond'=='Greg LeMond'。由于JavaScript是区分大小写字母的,Lemond中的小写字母'm'不会匹配LeMond中的'M',因此,参加答题者可能会得到答错的结果。如果参加答题者按下了Caps键,并且输入了GREG LEMOND,也会得到同样的结果。

要解决这个难题,我们可以将两个字符串都转换为同样的大小写,然后再比较它们:

if(response.toUpperCase()==correctAnswer.toUpperCase()){
//correct
}else{
//incorrect
}

在这个例子中,条件语句将参加答题者的答案和正确的答案都转换为大写字母,因此,'Greg Lemond'变成了'GREG LEMOND',并且'Greg LeMond'变成了'GREG LEMOND'。

要获得全部小写的字符串,像下面这样使用toLowerCase()方法:

var answer='Greg LeMond';
alert(answer.toLowerCase());//'greg lemond'

注意,这些方法都没有真正改变实际存储在变量中的字符串,它们只是以全部大写或全部小写的形式返回了该字符串。因此,在上面的例子中,即便提示出现以后,answer仍然包含'Greg LeMond'(它们返回某些其他的值)。

toLowerCase()和toUpperCase()是两个经典的方法,借鉴自java.lang.String中的同名方法。而toLocaleLowerCase()和toLocaleUpper()方法则是针对特定地区的实现。对有些地区来说,针对地区的方法与通用方法得到的结果相同,但少数语言会为Unicode大小写转换应用特殊的规则,这时候就必须要使用针对地区的方法来保证实现正确的转换。

以下是几个例子:

var sv="hello world";
alert(sv.toLocaleUpperCase());//"HELLO WORLD"
alert(sv.toUpperCase());//"HELLO WORLD"
alert(sv.toLocaleLowerCase());//"hello world"
alert(sv.toLowerCase());//“hello world”

以上代码用的toLocaleUpperCase()和toUpperCase()都返回了“HELLO WORLD”,就像调用了toLocaleLowerCase()和toLowerCase()都返回了“hello world”一样。一般来说,在不知道自己的代码将在那种语言环境下运行的情况下,还是使用针对地区额的方法更稳妥一些。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
Add a Formatted Table to a Word Document
Jun 15 Javascript
JQuery Dialog的内存泄露问题解决方法
Jun 18 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
Jun 27 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
Aug 22 Javascript
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
Oct 11 Javascript
ie9 提示'console' 未定义问题的解决方法
Mar 20 Javascript
如何高效率去掉js数组中的重复项
Apr 12 Javascript
Node.js 实现简单小说爬虫实例
Nov 18 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
vue 插件的方法代码详解
Jun 06 Javascript
微信小程序转发事件实现解析
Oct 22 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 21 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 #Javascript
JS基于面向对象实现的放烟花效果
May 07 #Javascript
jquery中trigger()无法触发hover事件的解决方法
May 07 #Javascript
javascript实现的图片切割多块效果实例
May 07 #Javascript
javascript中indexOf技术详解
May 07 #Javascript
javascript限制文本框输入值类型的方法
May 07 #Javascript
浅谈Javascript的静态属性和原型属性
May 07 #Javascript
You might like
PHP出错界面
2006/10/09 PHP
php数据结构与算法(PHP描述) 查找与二分法查找
2012/06/21 PHP
destoon首页调用求购供应信息的地区名称的方法
2014/08/21 PHP
php正则匹配文章中的远程图片地址并下载图片至本地
2015/09/29 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
PHP实现简易图形计算器
2020/08/28 PHP
一个JS翻页效果
2007/07/23 Javascript
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
js 省地市级联选择
2010/02/07 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
2010/08/01 Javascript
JS弹出层的显示与隐藏示例代码
2013/12/27 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
jQuery使用$.ajax提交表单完整实例
2015/12/11 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
nodejs如何获取时间戳与时间差
2016/08/03 NodeJs
JS实现搜索框文字可删除功能
2016/12/28 Javascript
vuejs使用递归组件实现树形目录的方法
2017/09/30 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
Python编写百度贴吧的简单爬虫
2015/04/02 Python
python简单文本处理的方法
2015/07/10 Python
Python实现Linux的find命令实例分享
2017/06/04 Python
详解python数据结构和算法
2019/04/18 Python
python实现感知机模型的示例
2020/09/30 Python
python 自动识别并连接串口的实现
2021/01/19 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
说出你对remoting 和webservice的理解和应用
2014/06/08 面试题
公务员更新知识培训实施方案
2014/03/31 职场文书
低碳环保倡议书
2014/04/14 职场文书
志愿者活动总结
2014/04/28 职场文书
建议书的格式
2014/05/12 职场文书
幼儿园教师节演讲稿
2014/09/03 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
2016年教师节慰问信
2015/12/01 职场文书
windows11选中自动复制怎么开启? Win11自动复制所选内容的方法
2022/07/23 数码科技