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 相关文章推荐
jquery的Tooltip插件 qtip使用详细说明
Sep 08 Javascript
JS中toFixed()方法引起的问题如何解决
Nov 20 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
Jul 09 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 Javascript
JavaScript每天必学之事件
Sep 18 Javascript
浅谈js的异步执行
Oct 18 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
Nov 02 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
Feb 05 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
Sep 19 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
Nov 27 Javascript
微信小程序动态添加view组件的实例代码
May 23 Javascript
js实现页面多个日期时间倒计时效果
Jun 20 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中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
PHP爆绝对路径方法收集整理
2012/09/17 PHP
浅析PHP程序设计中的MVC编程思想
2014/07/28 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
PHP+Ajax+JS实现多图上传
2016/05/07 PHP
php工具型代码之印章抠图
2018/07/18 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
PHP 图片处理
2020/09/16 PHP
JavaScript 动态添加表格行 使用模板、标记
2009/10/24 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
jquery的map与get方法详解
2013/11/04 Javascript
js动态创建标签示例代码
2014/06/09 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
2015/10/01 Javascript
浅析node连接数据库(express+mysql)
2015/11/30 Javascript
Javascript自定义事件详解
2017/01/13 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
2019/04/17 Javascript
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
create-react-app中添加less支持的实现
2019/11/15 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
jQuery实现全选按钮
2021/01/01 jQuery
[46:59]完美世界DOTA2联赛PWL S2 GXR vs Ink 第二场 11.19
2020/11/20 DOTA
Django自定义manage命令实例代码
2018/02/11 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
Python3使用SMTP发送带附件邮件
2020/06/16 Python
python爬虫实现中英翻译词典
2019/06/25 Python
python datetime中strptime用法详解
2019/08/29 Python
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
《独坐敬亭山》教学反思
2014/04/08 职场文书
优秀团员事迹材料
2014/12/25 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
观后感开头
2015/06/19 职场文书
2016银行求职自荐信
2016/01/28 职场文书
八年级数学教学反思
2016/02/17 职场文书