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 相关文章推荐
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 Javascript
Javascript小技巧之生成html元素
May 15 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
Dec 31 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
简介JavaScript中fixed()方法的使用
Jun 08 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
Sep 23 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
js实现带简单弹性运动的导航条
Feb 22 Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
Feb 13 Javascript
vue百度地图 + 定位的详解
May 13 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 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和ACCESS写聊天室(一)
2006/10/09 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
php制作圆形用户头像的实例_自定义封装类源代码
2017/09/18 PHP
使用indexOf等在JavaScript的数组中进行元素查找和替换
2013/09/18 Javascript
javascript实现禁止右键和F12查看源代码
2014/12/26 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
2015/12/31 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
2018/08/27 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
在vue中给列表中的奇数行添加class的实现方法
2018/09/05 Javascript
web页面和微信小程序页面实现瀑布流效果
2018/09/26 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
[00:32]2018DOTA2亚洲邀请赛VGJ.T出场
2018/04/03 DOTA
python获取网页状态码示例
2014/03/30 Python
17个Python小技巧分享
2015/01/23 Python
浅谈Python中的作用域规则和闭包
2018/03/20 Python
Python实现的当前时间多加一天、一小时、一分钟操作示例
2018/05/21 Python
pandas读取csv文件,分隔符参数sep的实例
2018/12/12 Python
python实现学员管理系统
2019/02/26 Python
Python实现二叉树前序、中序、后序及层次遍历示例代码
2019/05/18 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
python3排序的实例方法
2020/10/20 Python
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
联想智利官方网站:Lenovo Chile
2020/06/03 全球购物
手机银行营销方案
2014/03/14 职场文书
纠纷协议书
2014/04/16 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
技术员岗位职责
2015/02/04 职场文书
2015年国培研修感言
2015/08/01 职场文书
《山中访友》教学反思
2016/02/24 职场文书
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python