在 JavaScript 中大写首字母

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在这个实验中,我们将探究一个名为 capitalize 的 JavaScript 函数,它会将字符串的首字母大写。该函数使用数组解构和 String.prototype.toUpperCase() 来实现预期的结果。我们还将了解如何在需要时使用 lowerRest 参数将字符串的其余部分转换为小写。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28188{{"在 JavaScript 中大写首字母"}} javascript/data_types -.-> lab-28188{{"在 JavaScript 中大写首字母"}} javascript/arith_ops -.-> lab-28188{{"在 JavaScript 中大写首字母"}} javascript/comp_ops -.-> lab-28188{{"在 JavaScript 中大写首字母"}} javascript/spread_rest -.-> lab-28188{{"在 JavaScript 中大写首字母"}} end

用于将字符串首字母大写的 JavaScript 函数

要在 JavaScript 中将字符串的首字母大写,请使用以下函数:

const capitalize = (str, lowerRest = false) => {
  const [first, ...rest] = str;
  return (
    first.toUpperCase() +
    (lowerRest ? rest.join("").toLowerCase() : rest.join(""))
  );
};

此函数使用数组解构和 String.prototype.toUpperCase() 来将字符串的首字母大写。lowerRest 参数是可选的,可以设置为 true 以将字符串的其余部分转换为小写。

以下是使用此函数的示例:

capitalize("fooBar"); // 'FooBar'
capitalize("fooBar", true); // 'Foobar'

总结

恭喜你!你已经完成了“将字符串首字母大写”实验。你可以在 LabEx 中练习更多实验来提升你的技能。