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 相关文章推荐
jQuery 性能优化指南(2)
May 21 Javascript
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
jQuery获取css z-index在各种浏览器中的返回值
Sep 15 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
Dec 17 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
Jun 08 Javascript
javaScript中定义类或对象的五种方式总结
Dec 04 Javascript
jQuery中的siblings()是什么意思(推荐)
Dec 29 Javascript
将angular.js项目整合到.net mvc中的方法详解
Jun 29 Javascript
微信小程序实现时间预约功能
Nov 27 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
详解nvm管理多版本node踩坑
Jul 26 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 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购物网站支付paypal使用方法
2010/11/28 PHP
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
php格式输出文件var_export函数实例
2014/11/15 PHP
php限制上传文件类型并保存上传文件的方法
2015/03/13 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
php+croppic.js实现剪切上传图片功能
2018/08/14 PHP
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
2009/12/02 Javascript
js获取ajax返回值代码
2014/04/30 Javascript
jQuery中的一些常见方法小结(推荐)
2016/06/13 Javascript
学习Angularjs分页指令
2016/07/01 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
2018/08/31 Javascript
Vue中插入HTML代码的方法
2018/09/21 Javascript
构建Vue大型应用的10个最佳实践(小结)
2019/11/07 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
2020/10/27 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
解析Python编程中的包结构
2015/10/25 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
一篇文章搞定Python操作文件与目录
2019/08/13 Python
python PIL/cv2/base64相互转换实例
2020/01/09 Python
HTML5中外部浏览器唤起微信分享
2020/01/02 HTML / CSS
英国团购网站:Groupon英国
2017/11/28 全球购物
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
个人银行贷款担保书
2014/04/01 职场文书
超市开店计划书
2014/09/15 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
小学生作文写作技巧100例,非常实用!
2019/07/08 职场文书
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python