js将字符串中的每一个单词的首字母变为大写其余均为小写


Posted in Javascript onJanuary 05, 2017

要求:

确保字符串的每个单词首字母都大写,其余部分小写。

这里我自己写了两种方法,或者说是一种方法,另一个是该方法的变种。

第一种:

function titleCase(str) {
 var newarr,newarr1=[]; 
 newarr = str . toLowerCase() . split(" ");
 for(var i = 0 ; i < newarr . length ; i++){
 newarr1 . push(newarr[i][0] . toUpperCase()+newarr[i] . substring(1));
 }
 return newarr1.join(' ');
}
titleCase("I'm a little tea pot");

第一种方法我认为比较好理解一点。

第二种(这是基于第一种方法上的改动):

function titleCase(str) {
 var newarr,newarr1; 
 newarr =str.toLowerCase().split(" ");
 for(var i=0;i<newarr.length;i++){
 newarr[i] = newarr[i][0].toUpperCase()+newarr[i].substring(1,newarr[i].length));
 }
 newarr1 = newarr.join(" ");
 return newarr1;
}
titleCase("I'm a little tea pot");

第二种方法减少了转换对象,原理还是一样的。

两种方法的结果都是:

I'm A Little Tea Pot

ps:如有不足或错误请指出,一定及时纠正。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript支持的最大递归调用次数分析
Jun 24 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
JavaScript编写连连看小游戏
Jul 07 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
Aug 16 Javascript
Ajax的概述与实现过程
Nov 18 Javascript
微信小程序 scroll-view隐藏滚动条详解
Jan 16 Javascript
微信小程序 标签传入数据
May 08 Javascript
Angular排序实例详解
Jun 28 Javascript
Angular弹出模态框的两种方式
Oct 19 Javascript
详解JS中统计函数执行次数与执行时间
Sep 04 Javascript
vue-cli项目无法用本机IP访问的解决方法
Sep 20 Javascript
js实现unicode码字符串与utf8字节数据互转详解
Mar 21 Javascript
如何提高Dom访问速度
Jan 05 #Javascript
AngularJS中run方法的巧妙运用
Jan 04 #Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
Jan 04 #Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 #Javascript
基于jQuery实现选项卡效果
Jan 04 #Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 #Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
Jan 04 #Javascript
You might like
让PHP更快的提供文件下载的代码
2012/06/13 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
jquery 获取自定义属性(attr和prop)的实现代码
2012/06/27 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
js使用for循环查询数组中是否存在某个值
2014/08/12 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
原生js实现仿window10系统日历效果的实例
2017/10/31 Javascript
Jquery实现无缝向上循环滚动列表的特效
2019/02/13 jQuery
Vuex的热更替如何实现
2020/06/05 Javascript
vue实现移动端返回顶部
2020/10/12 Javascript
解决Pycharm运行时找不到文件的问题
2018/10/29 Python
python实现三维拟合的方法
2018/12/29 Python
python顺序执行多个py文件的方法
2019/06/29 Python
Django框架静态文件使用/中间件/禁用ip功能实例详解
2019/07/22 Python
Python 获取指定文件夹下的目录和文件的实现
2019/08/30 Python
QT5 Designer 打不开的问题及解决方法
2020/08/20 Python
python实现网页录音效果
2020/10/26 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
John Varvatos官方网站:设计师男士时装
2017/02/08 全球购物
Pure Collection美国官网:来自英国羊绒专家的奢华羊绒
2017/11/19 全球购物
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
一帮一活动总结
2014/05/08 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
张思德观后感
2015/06/09 职场文书
龙猫观后感
2015/06/09 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
pytorch实现手写数字图片识别
2021/05/20 Python
vue项目中的支付功能实现(微信支付和支付宝支付)
2022/02/18 Vue.js