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 相关文章推荐
动态为事件添加js代码示例
Feb 15 Javascript
javascript 跨浏览器开发经验总结(五) js 事件
May 19 Javascript
ExtJS4给Combobox设置列表中的默认值示例
May 02 Javascript
JavaScript实现关键字高亮功能
Nov 12 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
js实现文字闪烁特效的方法
Dec 17 Javascript
JS使用eval()动态创建变量的方法
Jun 03 Javascript
详解JavaScript跨域总结与解决办法
Oct 31 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
完美解决axios跨域请求出错的问题
Feb 05 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 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
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
Smarty Foreach 使用说明
2010/03/23 PHP
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
PHP数字和字符串ID互转函数(类似优酷ID)
2014/06/30 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
PHP框架Laravel中实现supervisor执行异步进程的方法
2017/06/07 PHP
JavaScript 函数调用规则
2009/09/14 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
JavaScript实现的一个计算数字步数的算法分享
2014/12/06 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
jquery对复选框(checkbox)的操作汇总
2016/01/13 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
js生成word中图片处理方法
2018/01/06 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
2018/07/24 Javascript
python连接mysql调用存储过程示例
2014/03/05 Python
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
50行Python代码实现人脸检测功能
2018/01/23 Python
解决python ogr shp字段写入中文乱码的问题
2018/12/31 Python
python 实现得到当前时间偏移day天后的日期方法
2018/12/31 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
解决Pycharm调用Turtle时 窗口一闪而过的问题
2019/02/16 Python
python实现对输入的密文加密
2019/03/20 Python
python实现向微信用户发送每日一句 python实现微信聊天机器人
2019/03/27 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
python利用itertools生成密码字典并多线程撞库破解rar密码
2019/08/12 Python
Python读取文件内容为字符串的方法(多种方法详解)
2020/03/04 Python
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
计算机专业个人简短的自我评价
2013/10/23 职场文书
2014年会策划方案
2014/05/11 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
高中信息技术教学反思
2016/02/16 职场文书
JavaScript分页组件使用方法详解
2021/07/26 Javascript
Python基础 括号()[]{}的详解
2021/11/07 Python
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技