Poner en mayúscula la primera letra en JavaScript

JavaScriptJavaScriptBeginner
Practicar Ahora

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

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos una función de JavaScript llamada capitalize que coloca en mayúscula la primera letra de una cadena. La función utiliza la desestructuración de arrays y String.prototype.toUpperCase() para obtener el resultado deseado. También veremos cómo utilizar el argumento lowerRest para convertir el resto de la cadena a minúsculas si es necesario.


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{{"Poner en mayúscula la primera letra en JavaScript"}} javascript/data_types -.-> lab-28188{{"Poner en mayúscula la primera letra en JavaScript"}} javascript/arith_ops -.-> lab-28188{{"Poner en mayúscula la primera letra en JavaScript"}} javascript/comp_ops -.-> lab-28188{{"Poner en mayúscula la primera letra en JavaScript"}} javascript/spread_rest -.-> lab-28188{{"Poner en mayúscula la primera letra en JavaScript"}} end

Función de JavaScript para poner en mayúscula la primera letra de una cadena

Para poner en mayúscula la primera letra de una cadena en JavaScript, utiliza la siguiente función:

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

Esta función utiliza la desestructuración de arrays y String.prototype.toUpperCase() para poner en mayúscula la primera letra de la cadena. El argumento lowerRest es opcional y se puede establecer en true para convertir el resto de la cadena a minúsculas.

A continuación, se muestra un ejemplo de cómo utilizar esta función:

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

Resumen

¡Felicidades! Has completado el laboratorio de Capitalización de Cadena. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.