首页 >web前端 >js教程 >大写按键上的每个单词的第一字母

大写按键上的每个单词的第一字母

Lisa Kudrow
Lisa Kudrow原创
2025-03-04 00:07:17602浏览

Capitalize First Letter of Every Word on Keypress

这个jQuery摘要大写了字符串中每个单词的第一个字母。 这对于表单输入,防止全帽标题或文本很有用。

JavaScript字符串资本化
// Usage: Attaches to keyup event of all input fields
$("input").keyup(function() {
  toUpper(this);
});

// Function: Capitalizes the first letter of each word
function toUpper(obj) {
  let mystring = obj.value;
  let sp = mystring.split(' ');
  let word = [];
  for (let i = 0; i < sp.length; i++) {
    let f = sp[i].substring(0, 1).toUpperCase();
    let r = sp[i].substring(1).toLowerCase();
    word[i] = f + r;
  }
  let newstring = word.join(' ');
  obj.value = newstring;
  return true;
}

这是使用各种JavaScript方法来大写字符串或字符串中每个单词的几种方法。> 1。用

>:

大写

这种简洁的方法使用获得第一个字符,将其转换为slice()>的大写,然后使用

charAt(0) 2。用toUpperCase()>,slice(1)

>
function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

来大写每个单词 此方法将字符串分为单词,使用split()>函数将每个单词的第一个字母大写,然后将它们重新连接在一起。map()> join()

3。

vs. map()

function capitalizeWords(str) {
  return str.split(' ').map(word => capitalizeFirstLetter(word)).join(' ');
}
>

两者都转换为大写,考虑了特定于语言环境的规则,可能与具有独特资本化规则的语言(例如土耳其语)。 toUpperCase()toLocaleUpperCase() 4。在没有的情况下大写(使用ASCII):

>

此方法利用ASCII值。小写字母(A-Z)的ASCII值97-122,大写(A-Z)65-90。 减去32个将小写转换为大写。toLocaleUpperCase() toUpperCase()

5。用正则表达式来大写:toUpperCase()> 正则表达式提供了一种强大的,尽管可能不那么可读性的解决方案。

匹配第一个字符。

6。用
function capitalizeFirstLetterASCII(str) {
  let firstLetter = str.charCodeAt(0);
  if (firstLetter >= 97 && firstLetter <= 122) {
    firstLetter -= 32;
  }
  return String.fromCharCode(firstLetter) + str.slice(1);
}
>:

大写 >类似于

提取字符串的一部分。^(.)>

function capitalizeFirstLetterRegex(str) {
  return str.replace(/^(.)/, (match) => match.toUpperCase());
}

7。用>:substring() 大写

这在功能上与

示例相同。slice()> substring()

function capitalizeFirstLetterSubstring(str) {
  return str.substring(0, 1).toUpperCase() + str.substring(1);
}
8。用

>(字符字符)大写的首字母:> charAt()这将字符串分为单个角色,大写,然后重新加入。 效率低于其他方法。

slice() 9。用

>:
function capitalizeFirstLetterCharAt(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

大写 这使用split()来定位并替换第一个字符。>

10。用
function capitalizeFirstLetterSplit(str) {
  let arr = str.split('');
  arr[0] = arr[0].toUpperCase();
  return arr.join('');
}
>:

大写 replace()这将大写的第一个字符与其余的字符串。

// Usage: Attaches to keyup event of all input fields
$("input").keyup(function() {
  toUpper(this);
});

// Function: Capitalizes the first letter of each word
function toUpper(obj) {
  let mystring = obj.value;
  let sp = mystring.split(' ');
  let word = [];
  for (let i = 0; i < sp.length; i++) {
    let f = sp[i].substring(0, 1).toUpperCase();
    let r = sp[i].substring(1).toLowerCase();
    word[i] = f + r;
  }
  let newstring = word.join(' ');
  obj.value = newstring;
  return true;
}
所有这些方法都达到了相同的基本结果,但是它们的效率和可读性可能会有所不同。 仅利用首字母时,通常首选

slice()的方法,因为它们的简单性和效率。 为了使所有首字母的单词字母,charAt()>,split()组合提供了一个干净可读的解决方案。

以上是大写按键上的每个单词的第一字母的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn