如何使字符串的第一个字母大写，但不更改任何其他字母的大小写？

网友问题：
如何使字符串的第一个字母大写，但不更改任何其他字母的大小写？

例如：

"this is a test"→"This is a test"
"the Eiffel Tower"→"The Eiffel Tower"
"/index.html"→"/index.html"

分割线

网友回答：

下面是一个更面向对象的方法：

Object.defineProperty(String.prototype, 'capitalize', {
  value: function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
  },
  enumerable: false
});

你可以调用该函数，如下所示：

"hello, world!".capitalize();

预期输出为：

"Hello, world!"

分割线

网友回答：

基本解决方案是：

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

console.log(capitalizeFirstLetter('foo')); // Foo

其他一些答案会修改（这个答案过去也是如此），但由于可维护性，我现在建议不要这样做（很难找出函数被添加到的位置，如果其他代码使用相同的名称/浏览器将来添加具有相同名称的本机函数，可能会导致冲突）。String.prototypeprototype

…然后，当你考虑国际化时，这个问题还有很多，正如这个惊人的好答案（埋在下面）所显示的那样。

如果要使用 Unicode 代码点而不是代码单元（例如，在基本多语言平面之外处理 Unicode 字符），则可以利用与代码点一起使用的事实，并且可以使用来获取区域设置正确的大写字母：String#[@iterator]toLocaleUpperCase

const capitalizeFirstLetter = ([ first, ...rest ], locale = navigator.language) =>
  first === undefined ? '' : first.toLocaleUpperCase(locale) + rest.join('')

console.log(
  capitalizeFirstLetter(''), // [empty string]
  capitalizeFirstLetter('foo'), // Foo
  capitalizeFirstLetter("??????"), // "??????" (correct!)
  capitalizeFirstLetter("italya", 'tr') // İtalya" (correct in Turkish Latin!)
)

有关更多国际化选项，请参阅下面的原始答案。

分割线

网友回答：

在 CSS 中：

p::first-letter {
    text-transform:capitalize;
}

模板简介：该模板名称为【如何使字符串的第一个字母大写，但不更改任何其他字母的大小写？】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【JavaScript】栏目查找您需要的精美模板。