在 JavaScript 中将字符串转换为标题大小写

Anika Tabassum Era 2024年2月15日
  1. 用 JavaScript 中的 for 循环对一个字符串进行标题处理
  2. 在 JavaScript 中使用 map 方法对一个字符串进行标题处理
  3. 在 JavaScript 中使用 replace() 方法对字符串进行标题标题处理
在 JavaScript 中将字符串转换为标题大小写

在 JavaScript 中有 toLowerCase()toUpperCase()capitalize() 属性来与字符串交互。但是没有明确的属性可以将句子或字符串转换为标题大小写。

因此,在下面的示例中,我们将看到如何快速有效地完成任务。在这里,我们将讨论将字符串转换为标题大小写的 3 种方法。

在第一种情况下,我们将用空格分割字符串单词,然后启动一个循环工作来抓取每个要转换的单词。以下示例将使用 map 执行。

我们还将在我们的地图中使用 replace 方法。

用 JavaScript 中的 for 循环对一个字符串进行标题处理

在处理每个字符串单词之前,我们必须逐字执行转换。在这种情况下,我们将通过空格使用 split() 方法,单词将被收集为一个数组。

此外,在此之前,我们将使用 toLowerCase() 属性将所有字符转换为通用格式。

在下一步中,我们将考虑每个数组元素的一个单词来对初始字符进行 toUpperCase 操作,并对后面的字符进行切片。

因此将完全转换字符串,最后,我们将加入它们并将它们打印为单个字符串

代码片段:

function titleCase(str) {
  str = str.toLowerCase().split(' ');
  for (var i = 0; i < str.length; i++) {
    str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1);
  }
  return str.join(' ');
}
console.log(titleCase('hello pumpkin pumpkin you my hello honey bunny!'));

输出:

用 for 循环标题案例一个字符串

在 JavaScript 中使用 map 方法对一个字符串进行标题处理

我们的实例将从字符串中获取每个数组元素并在此处执行转换操作。

与前面的示例类似,我们将选择要转换为大写的初始字符并对其余部分进行分割。

代码片段:

function titleCase(str) {
  return str.toLowerCase()
      .split(' ')
      .map(function(word) {
        return (word.charAt(0).toUpperCase() + word.slice(1));
      })
      .join(' ');
}
console.log(titleCase('you gone MAD?'));

输出:

用 Map 方法对字符串进行标题大小写转换

如你所见,在映射每个 word 后,我们使用 charAt() 定位第一个字母,并将该单词与以下字符合并。

在 JavaScript 中使用 replace() 方法对字符串进行标题标题处理

在这种情况下,我们将定位每个单词的首字母并将它们转换为大写。在转换时,我们将使用 replace() 方法并将更改后的字符设置为原始位置。

代码片段:

function titleCase(str) {
  return str.toLowerCase()
      .split(' ')
      .map(function(word) {
        return word.replace(word[0], word[0].toUpperCase());
      })
      .join(' ');
}
console.log(titleCase('i\'m just appreciating hoho!'));

输出:

使用 replace() 方法对字符串进行标题大小写.

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn Facebook

相关文章 - JavaScript String