分享更有价值
被信任是一种快乐

JS怎么实现字符串首字母都大写

文章页正文上

本篇内容主要讲解“JS怎么实现字符串首字母都大写”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS怎么实现字符串首字母都大写”吧!
  1、For循环
  var a = ‘Hi, my name‘s Han Meimei, a SOFTWARE engineer‘;
  //for循环
  function titleCase(s) {
  var i, ss = s.toLowerCase().split(/s+/);
  for (i = 0; i

  ss[i] = ss[i].slice(0, 1).toUpperCase() + ss[i].slice(1);
  }
  return ss.join(‘ ‘);
  }
  console.log(titleCase(a));
  2、For循环+replace
  //for循环+replace
  function titleCase1(str) {
  //将字符串分解为数组并将其小写化
  var convertToArray = str.toLowerCase().split(” “);
  for (var i = 0; i

  var char = convertToArray[i].charAt(0);
  //使用 replace()方法将数组中的每个首字母大写化
  convertToArray[i] = convertToArray[i].replace(char, function replace(char) {
  return char.toUpperCase();
  });
  }
  return convertToArray.join(” “);
  }
  console.log(titleCase1(a));
  1与2写法差别不大
  3、正则+replace
  //正则+replace
  function titleCase2(s) {
  return s.toLowerCase().replace(/b([w|‘]+)b/g, function(word) {
  //return word.slice(0, 1).toUpperCase() + word.slice(1);
  return word.replace(word.charAt(0), word.charAt(0).toUpperCase());
  });
  }
  console.log(titleCase2(a));
  思路:用正则将字符串拆分为单词数组,并对每个单词进行首字母大写处理。这里简单的把字母、数字、下划线和单撇号都视为了单词成员。
  4、数组+map
  //数组+map
  function titleCase3(s) {
  return s.toLowerCase().split(/s+/).map(function(item, index) {
  return item.slice(0, 1).toUpperCase() + item.slice(1);
  }).join(‘ ‘);
  }
  console.log(titleCase3(a));
  思路:根据空白将字符串拆分为数组,对每个单词进行首字母大写处理,并将所有处理后的结果组成一个新数组然后拼接成字符串。
  5、数组+reduce
  //数组+reduce
  function titleCase4(s) {
  return s.toLowerCase().split(/免费云主机、域名s+/).reduce(function(prev, item, array, array) {
  return prev + (prev.trim() && ‘ ‘) + item.slice(0, 1).toUpperCase() + item.slice(1);
  }, ‘‘);
  }
  console.log(titleCase4(a));
  思路:根据空白将字符串拆分为数组,对每个单词进行首字母大写处理,并将所有处理后的结果连成一个新字符串。
  6、ES6写法
  //ES6写法
  function titleCase5(str) {
  return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
  }
  console.log(titleCase5(a));
  思路:用正则将每个单词的首字母替换成大写。到此,相信大家对“JS怎么实现字符串首字母都大写”有了更深的了解,不妨来实际操作一番吧!这里是云技术网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: section怎么使用

今天小编给大家分享一下section怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 section和夙昔DIV、P等元素标签一样语法用法…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册