Intercambiar el caso de una cadena con 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 cómo crear una función de JavaScript que intercambie el caso de una cadena dada. Este laboratorio cubrirá el uso del operador spread, String.prototype.toLowerCase(), String.prototype.toUpperCase() y Array.prototype.map(). Al final de este laboratorio, tendrás una comprensión más profunda de cómo manipular cadenas en JavaScript.


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/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28638{{"Intercambiar el caso de una cadena con JavaScript"}} javascript/data_types -.-> lab-28638{{"Intercambiar el caso de una cadena con JavaScript"}} javascript/arith_ops -.-> lab-28638{{"Intercambiar el caso de una cadena con JavaScript"}} javascript/comp_ops -.-> lab-28638{{"Intercambiar el caso de una cadena con JavaScript"}} javascript/higher_funcs -.-> lab-28638{{"Intercambiar el caso de una cadena con JavaScript"}} javascript/spread_rest -.-> lab-28638{{"Intercambiar el caso de una cadena con JavaScript"}} end

Cómo intercambiar el caso de una cadena en JavaScript

Para intercambiar el caso de una cadena en JavaScript, siga estos pasos:

  1. Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
  2. Utilice el operador spread (...) para convertir la cadena de entrada str en una matriz de caracteres.
  3. Utilice String.prototype.toLowerCase() y String.prototype.toUpperCase() para convertir los caracteres en minúsculas a mayúsculas y viceversa.
  4. Utilice Array.prototype.map() para aplicar la transformación a cada carácter y Array.prototype.join() para combinar los caracteres de nuevo en una cadena.
  5. Tenga en cuenta que intercambiar el caso de una cadena dos veces no necesariamente resultará en la cadena original.

A continuación, se muestra un fragmento de código de ejemplo que demuestra cómo intercambiar el caso de una cadena en JavaScript:

const swapCase = (str) =>
  [...str]
    .map((c) => (c === c.toLowerCase() ? c.toUpperCase() : c.toLowerCase()))
    .join("");

swapCase("Hello world!"); // Salida: 'hELLO WORLD!'

Resumen

¡Felicidades! Has completado el laboratorio de intercambio de casos de cadenas. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.